前端进行移动端调试的插件当一个页面在手机端或是无法使用F12的平台运行时，为了方便调试，需要借助插件来帮助我们看到输出的

当一个页面在手机端或是无法使用F12的平台运行时，为了方便调试，需要借助插件来帮助我们看到输出的字段值、网络接口请求等等

vconsole 是腾讯的一款开源插件

效果： 引入成功后，在右下角会出现 vconsole 的按钮：

打开后可以看到手机端的开发者工具：

安装：

npm install vconsole

引入及使用：

import VConsole from 'vconsole';

const vConsole = new VConsole();

// TODO: 使用 console

vConsole.destroy(); // 移除

vconsole 只在本地、测试环境使用，生产环境记得关闭 vconsole，配置可参考如下代码：

    if (["local", "test"].some((value) => location.origin.includes(value))) {
      // 初始化 vconsole
    }

可选参数：

new VConsole() 时可以传入配置参数，如：{ theme: 'dark' } 可以使主题色变成黑色。

其它参数：

需要安装客户端，通过模拟微信客户端的表现，可以实现在 PC 端的调试，使用前需要先授权。

2、微信浏览器右键开启开发者模式

在 pc 端的微信中打开一个链接，进行配置后（配置的过程大家可以自行百度），右键可以打开开发者模式（默认情况下没有这个菜单），这种方式适用于仅在微信环境中调试，并且需要进行版本回退，因为新版的微信找不到配置文件的目录。