使用 VConsole 来调试移动端页面

VConsole 是一个可以在移动端页面中使用的控制台,可以通过它查看页面日志、网络请求以及DOM结构等,方便我们调试页面。

我们使用时直接在页面中引入 VConsole 的 JS 文件即可:

<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js"></script>
<script>
// 初始化vConsole
window.vConsole = new window.VConsole();
</script>

再次访问页面,页面右下角会出现绿色的 「vConsole」 按钮,点击即可查看页面信息,使用效果如图:

vconsole example

更多的使用技巧请参考官网:https://github.com/Tencent/vConsole