Windows 桌面版pc微信内置浏览器开发者调试
文章 997 0 0 0
发布时间:2021年11月29日

概述

在开发微信公众号项目的时候我们会遇到在测试环境当中运行很好,但是到了生产环境就出现了各种各样的奇葩错误,从而出现了调试问题,比较手机是手机没有像浏览器一样的开发者工具选项,而微信的pc端可以像手机端那样在它内置的浏览器当中访问打开的连接,所以配置了一下在pc端打开微信浏览器的开发者工具选项。

随着技术的更新,好多以前的解决方案放到现在,差不多就不能用了,所以在此对比记录方案。

步骤一

查看浏览器版本适用谷歌版本53.0.2785.116浏览器而之前的版本都是window7的居多,我们按照这样的方式启动下面的代码。

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

会出现(index):3 Not allowed to load local resource: chrome://version/错误提示

这个chrome://version命令是查看微信内置的浏览器版本运行以后的错误让我们有点挠头。
那浏览器版本我们看不到,那么步骤二的路径我们就看不到。

解决

按 Win+R 键。这将打开”运行”对话框。

在文本框中输入 shell:startup,如下图。

可以找到Roaming文件夹。

C:\Users\***\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589

找到这样的路径下存放即可。

步骤二

Windows 桌面版pc微信内置浏览器打开链接,如下图所示:

我们启动上面的代码会得到上图展示的配置内容,根据红框的内容我们能看到版本还有路径。

步骤三

下载 devtools_resources.pak 放入 --resources-dir-path 后面路径与微信安装目录中,下载地址在底部,如下图所示

在这两个地方分别放入上面的.pak文件。

步骤四

微信快捷方式右键选中属性,增加 —remote-debugging-port=8000

步骤五

重启微信
右击浏览器页面

在我们重启完微信以后发现还是可能不出现,那么这里我们就要做另一个配置。

解决

设置运行微信的兼容模式为Windows XP (ServicePack3),先降低版本。
勾线兼容模式,找到Windows XP (ServicePack3),重启微信,它会让你安装低版本微信,安装以后我们登录发现如果还是没有的话只需要把兼容模式切换到window7即可。

评论专区
Q群
Q群
Q群
反馈
纠错