【vconsole】H5页面控制台，也被称为移动端调试神器

github地址 ：GitHub - Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile web page.

vconsole 是腾讯开发的一款针对手机网页的前端开发者调试插件，可以直接在手机上查看 console 日志、网络请求、页面 element 结构、Cookies、localStorage 和 SessionStorage、手动输入js代码等。 

一、h5页面

引入

<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>

当然也可以从github，将文件下载到本地进行引用。

初始化

    <script>
        var vConsole = new VConsole();
    </script>

即可。

 

二、 vue项目

安装

npm install vconsole

main.js 引入

import VConsole from 'vconsole'
var vConsole = new VConsole();
Vue.use(vConsole)

三、React项目

安装

npm install vconsole

引入

import Vconsole from 'vconsole'

在componentDidMount进行初始化

 var vConsole = new VConsole();

注意：npm install vconsole 有可能安装不成功，可以用 cnpm install vconsole 国内镜像安装。