2023年微信内置浏览器调试的五种方法

方法1 spy-debugger

说明:spy-debugger是一个开源工具,提供的控制台不太好用,需要node.js环境

适用范围:ios可用,安卓未测试

GitHub地址

https://github.com/wuchangming/spy-debugger

安装证书地址(启动工具,手机配置代理后访问)

http://spydebugger.com/cert

方法2 Chrome DevTools

说明:使用电脑端的Chrome浏览器,控制台同Chrome浏览器,使用ADB连接手机,需要ADB环境

适用范围:仅安卓

步骤

手机端打开网页http://debugxweb.qq.com/?inspector=true(此步骤未验证是否必须)

电脑端Chrome访问chrome://inspect ,点击该网页的inspect,弹出一个新的窗口,在窗口中可正常显示手机页面,上方可以输入任意地址访问,控制台同Chrome浏览器

方法3 PC旧版微信

说明:在微信PC端的微信内置浏览器中右击打开控制台,控制台同Chrome浏览器,需要旧版微信并修改配置

适用范围:仅Windows PC

步骤

  1. 安装3.2.1版本的微信
  2. devtools_resources.pak 复制到微信安装目录 和 C:\Users\**\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589下,最后的数字可能不一样,**是你的用户名
  3. 修改微信快捷方式,右键点击属性,目标后面增加 -remote-debugging-port=8000
  4. 重启微信

参考文章

方法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和请求头与微信浏览器一致

说明:这种方法比较复杂,有时效性,尤其对于带有鉴权的网页

参考文章

猜你喜欢

转载自blog.csdn.net/qq_44839815/article/details/131015693