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

艾小逗

已于 2022-11-15 09:41:12 修改

阅读量5.6k

点赞数 7

分类专栏： web 文章标签： chrome 前端 javascript 移动端移动端调试

于 2022-06-28 16:57:00 首次发布

本文为艾小逗原创文章，未经允许不可转载。转载请注明出处

本文链接：https://blog.csdn.net/qq_32442967/article/details/125505655

版权

web 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了微信x5调试工具的替代方案：Eruda、Debugxweb.qq.com和VConsole。Eruda是一个移动端浏览器和微信内置的轻量级调试工具，通过引入eruda.min.js文件并初始化即可使用。Debugxweb.qq.com需要USB连接电脑，适用于微信内网页调试，可在Chrome的inspect设备中查看。VConsole则是微信小程序的官方调试工具，支持npm安装或CDN引入，提供类似Chrome DevTools的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

区别

eruda：项目中需要引入eruda.min.js文件，可以只在debug时加载js，移动端浏览器和微信浏览器都支持，在手机端查看日志及控制台信息
debugxweb.qq.com：项目无需引入其他js，需要USB连接电脑，只支持微信浏览器，在pc端查看日志及控制台信息
vConsole：腾讯出品，可npm安装，可cdn引入，微信小程序官方调试工具，更顺手，移动端浏览器和微信浏览器都支持

一、移动端 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>

在这里插入图片描述

二、debugxweb.qq.com

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

三、vConsole

直接查看微信官方文档
https://github.com/Tencent/vConsole/blob/dev/README_CN.md

方法一：使用 npm（推荐）
npm install vconsole
Import 并初始化后，即可使用 console.log 功能，如 Chrome devtools 上一样。

import VConsole from 'vconsole';

const vConsole = new VConsole();
// 或者使用配置参数来初始化，详情见文档
const vConsole = new VConsole({ theme: 'dark' });

// 接下来即可照常使用 `console` 等方法
console.log('Hello world');

// 结束调试后，可移除掉
vConsole.destroy();

方法二：使用 CDN 直接插入到 HTML

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
  // VConsole 默认会挂载到 `window.VConsole` 上
  var vConsole = new window.VConsole();
</script>