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

时间：2024-11-07 15:00:04

方法1 spy-debugger

说明：spy-debugger是一个开源工具，提供的控制台不太好用，需要环境

适用范围：ios可用，安卓未测试

GitHub地址

/wuchangming/spy-debugger

安装证书地址（启动工具，手机配置代理后访问）

/cert

方法2 Chrome DevTools

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

适用范围：仅安卓

步骤：

手机端打开网页/?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="/vconsole@latest/dist/"></script>
<script>
  // VConsole will be exported to `` by default.
  var vConsole = new window.VConsole();
</script>

方法5 改电脑端浏览器的UA和请求头与微信浏览器一致

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

参考文章

相关文章