一、前言

为什么要调试 PC 端微信内置浏览器呢？个人觉得原因可能如下：

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

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

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

二、快速上手

第 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>

贴心小棉袄都已经帮你弄好了那个线上链接：http://demo.polyv.net/oujiale/demo/tools/check-browser-version.html，在电脑上的微信打开就好。

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

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，这个后面会用到，等下你就知道用处