移动端H5调试神器—vConsole
vConsole 由腾讯一个轻量、可拓展、针对手机网页的前端开发者调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。
特性:
查看 console 日志
查看网络请求
手动执行 JS 命令行
自定义插件
下载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
初始化vconole
<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log('Hello world');
</script>