调试那些事儿之PC端微信内置浏览器

1、前言

为何要调试 PC 端微信内置浏览器呢？我的以为缘由可能以下：html

一、用户在电脑上的微信内置浏览器打开网页，遇到了问题，开发就须要去排查问题web

二、查看公众号网页的代码比较难查看，也不方便调试，只是抓包很难分析 API 请求，何况如今我还不会使用抓包软件，暴露了chrome

三、有些公众号需求强制在微信浏览器上打开浏览器

2、快速上手

第 1 步：查看微信内置浏览器版本服务器

新建一个 html 页面，写上下面的这些代码，将那个 html 文件上传到服务器上，而后在 PC 端上的微信浏览器访问，查看微信所调用的 Chrome 内核信息&记录 --resources-dir-path 的路径。微信

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PC端 - 查看微信内置浏览器版本</title>
</head>
<body>
    <script> window.open("chrome://version"); </script>
</body>
</html>
复制代码

贴心小棉袄都已经帮你弄好了那个线上连接：demo.polyv.net/oujiale/dem…markdown

打开网页以后，你会看到下面这张图片，留意下面这两个位置的信息typecho

Chromium 53.0.2785.116
--resources-dir-path="C:\Users\lenovo\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2581"
C:\Program Files (x86)\Tencent\WeChat\WeChat.exe，这个后面会用到，等下你就知道用处