2023年微信内置浏览器调试的五种方法-爱代码爱编程
方法1 spy-debugger
说明:spy-debugger是一个开源工具,提供的控制台不太好用,需要node.js环境
适用范围:ios可用,安卓未测试
GitHub地址
https://github.com/wuchangming/spy-debugger
安装证书地址(启动工具,手机配置代理后访问)
方法2 Chrome DevTools
说明:使用电脑端的Chrome浏览器,控制台同Chrome浏览器,使用ADB连接手机,需要ADB环境
适用范围:仅安卓
步骤:
手机端打开网页http://debugxweb.qq.com/?inspector=true(此步骤未验证是否必须)
电脑端Chrome访问chrome://inspect ,点击该网页的inspect,弹出一个新的窗口,在窗口中可正常显示手机页面,上方可以输入任意地址访问,控制台同Chrome浏览器
方法3 PC旧版微信
说明:在微信PC端的微信内置浏览器中右击打开控制台,控制台同Chrome浏览器,需要旧版微信并修改配置
适用范围:仅Windows PC
步骤:
- 安装3.2.1版本的微信
- devtools_resources.pak 复制到微信安装目录 和
C:\Users\**\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589
下,最后的数字可能不一样,**
是你的用户名 - 修改微信快捷方式,右键点击属性,目标后面增加 -remote-debugging-port=8000
- 重启微信
方法4 vConsole
说明:vConsole是腾讯团队开发的工具,可以直接在网页右下角显示控制台按钮,简便灵活,缺点是没有Chrome控制台那么强大
适用范围:如果是自己的网页,适合所有平台。如果不是自己的网页,此方法的原理是拦截纂改网页,因此对于安卓平台,不一定可行,因为安卓抓包有证书问题,而对于PC和IOS可行
步骤:
如果是自己的网页直接添加以下代码
如果不是自己的网页,可以用Fiddler等工具(Fiddler只有PC端,手机单独实现需要依赖响应重写的软件)劫持页面,给原网页添加以下代码
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
// VConsole will be exported to `window.VConsole` by default.
var vConsole = new window.VConsole();
</script>
方法5 改电脑端浏览器的UA和请求头与微信浏览器一致
说明:这种方法比较复杂,有时效性,尤其对于带有鉴权的网页