在PC端微信内置浏览器里玩转调试

对于开发者来说，调试是程序开发过程中必不可少的环节，而对于使用微信内置浏览器的开发者来说，调试又会带来一些额外的挑战。本文将介绍如何在PC端微信内置浏览器中进行调试，帮助大家解决调试难题。

准备工作

在开始调试之前，我们需要进行一些准备工作：

1. 确保你的微信版本是最新版本。
2. 准备一个html页面，并编写以下代码：

<script>
    console.log(navigator.userAgent);
    console.log(navigator.webdriver);
    console.log(window.chrome);
</script>

3. 将html文件上传到服务器上。

开始调试

1. 在PC端打开微信，并使用内置浏览器访问刚才上传的html页面。
2. 打开微信开发者工具。
3. 在开发者工具中选择“Console”选项卡。

这时，你应该可以在Console选项卡中看到刚才输出的信息。

记录 Chrome 内核信息

通过修改刚才的html代码，我们可以记录微信所调用的Chrome内核信息：

<script>
    console.log(navigator.userAgent);
    console.log(navigator.webdriver);
    console.log(window.chrome);
    console.log(window.chrome.loadTimes());
    console.log(window.chrome.runtime.getManifest());
</script>

其中，window.chrome.loadTimes()可以记录Chrome内核加载时间，window.chrome.runtime.getManifest()可以记录Chrome内核的Manifest信息。

记录 --resources-dir-path 路径

通过修改刚才的html代码，我们可以记录微信内置浏览器中--resources-dir-path的路径：

<script>
    console.log(navigator.userAgent);
    console.log(navigator.webdriver);
    console.log(window.chrome);
    console.log(window.chrome.loadTimes());
    console.log(window.chrome.runtime.getManifest());
    console.log(window.chrome.devtools.inspectedWindow.tabId);
</script>

其中，window.chrome.devtools.inspectedWindow.tabId可以记录当前选项卡的id，结合刚才记录的--resources-dir-path路径，可以定位到微信内置浏览器的临时数据存储目录。