移动端调试工具vConsole

安利一款好用的移动端调试工具vConsole

vConsole 是腾讯推出的一个轻量、可拓展、针对手机网页的前端开发者调试面板。

官网:https://alloyteam.github.io/AlloyLever/

特性

• 查看 console 日志
• 查看网络请求
• 查看页面 element 结构
• 查看 Cookies、localStorage 和 SessionStorage
• 手动执行 JS 命令行
• 自定义插件

项目中使用

在public文件的index.html引入，并使用，需要的时候打开不需要就注释。

<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script>
    <script>
        // init vConsole
        var vConsole = new VConsole();
       
    </script>

或者（不推荐）

npm install vconsole

在合适的地方新建一个文件vconsole.js，内容如下：

import Vconsole from 'vconsole'
let vConsole = new Vconsole()
export default vConsole

在main.js中引入刚刚新建的vconsole.js

const VConsole = require('/pathto/vconsole');