电脑前端页面开发浏览器可以调出开发者工具(快捷键“F12”),很方便的查看页面元素、Network、Cookies等信息,但是在手机上就看不到这些信息,很不方便找出问题所在。
调试工具vConsole,使用很方便,只需要引入JS就可以,使用起来和电脑端浏览器开发者工具几乎没有区别。
代码
<script src="//unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
// VConsole 默认会挂载到 `window.VConsole` 上
var vConsole = new window.VConsole();
</script>
效果
页面右下角出现“vConsole”绿色按钮,点击后在弹出浮层,即可看到控制台信息。
更多
其它可用CDN:
- https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vConsole/3.12.1/vconsole.min.js
- https://lib.baomitu.com/vConsole/3.14.4/vconsole.min.js
- https://cdn.bootcdn.net/ajax/libs/vConsole/3.14.6/vconsole.min.js
- https://cdn.jsdelivr.net/npm/vconsole@latest/dist/vconsole.min.js
vConsole github地址:https://github.com/Tencent/vConsole
vConsole gitee地址:https://gitee.com/mirrors/vConsole/