在开发H5中当需要调试页面时,我们可以利用pc端的控制台来进行页面调试,但有时候我们还需要在手机端进行调试,那么此时我们就需要使用到一些手机前端开发调试利器,可以方便我们在手机前端页面看到log日志,vconsole就是这样一个工具。
vConsole:一个轻量、可拓展、针对手机网页的前端开发者调试面板。
vconsole使用起来也比较方便,你可以通过npm或者cdn等方式引入,然后初始化vconsole就可以了。
引入:
- npm安装
npm install vconsole
- 手动引入
BootCDN提供了不同的版本引入,地址:https://www.bootcdn.cn/vConsole/
初始化:
<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
<script>
var vConsole = new VConsole();
console.log('Hello world');
// 然后点击右下角 vConsole 按钮即可查看到 log
</script>