H5手机端调试

使用方法

下载vconsole

github: https://github.com/Tencent/vConsole

引入模块

(1) 如果未使用 AMD/CMD 规范，可直接在 HTML 中引入 vConsole 模块：

<script src="./vconsole.min.js"></script> 

(2) 如果使用了 AMD/CMD 规范，可在 module 内使用 require() 引入模块：

var vConsole = require('./vconsole.min.js'); 

(3) 也可以通过CDN加载

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

(4) 使用 npm 安装

npm install vconsole

初始化vconsole

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

注意事项
引入 vConsole 模块后，页面前端将会在右下角出现 vConsole 的悬停按钮，可展开/收起面板。

若不希望普通用户看到面板，请不要在生产环境中引入 vConsole 模块。

原文地址