移动端微信浏览器调试工具整理eruda，微信x5调试工具无法使用，推荐新工具eruda和debugxweb

新版本微信x5调试工具，debugtbs.qq.com无法使用，提示不支持切换x5内核
推荐新工具eruda和debugxweb.qq.com

区别

• eruda：项目中需要引入eruda.min.js文件，可以只在debug时加载js，移动端浏览器和微信浏览器都支持，在手机端查看日志及控制台信息
• debugxweb.qq.com：项目无需引入其他js，需要USB连接电脑，只支持微信浏览器，在pc端查看日志及控制台信息

移动端 eruda

https://github.com/liriliri/eruda
使用方法：引入eruda.min.js,然后eruda.init()，就会显示图标

<script>
    (function () {
      var src = '//eruda.liriliri.io/eruda.min.js';
      if (!/eruda=true/.test(window.location)) return;
      document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
      setTimeout(()=>{
      	// 初始化
        eruda && eruda.init()
      }, 3000)
    })();
  </script>
1
2
3
4
5
6
7
8
9
10
11

微信浏览器

1. 手机用usb连接至电脑(需要开启usb调试)
2. 手机微信内点击http://debugxweb.qq.com/?inspector=true（只要跳转过微信首页就是开启了调试）
3. 微信内打开所需调试网址
4. chrome浏览器打开chrome://inspect/#devices
   会看到com.tencent.mm下是我们打开的网址
5. 在点击chrome里的inspect 直接调试