【web前端】移动端控制台插件，手机端页面查看相关页面控制台信息

通常调试手机端页面时，基本是在PC端使用手机模式进行断点或console调试、或查看有用的控制台信息的，但依旧有部分功能没法在PC端调试，常常须要使用alert进行断点，而后在手机端看效果，可是这样并很差。

因此若是说有一种插件，能够在手机端查看控制台相关日志，那可比alert强多了。

最近找到了一款，还挺好用的。

 

插件名：vconsole

好比咱们要调试一个移动端页面

咱们在页面中注入一段代码：引入vconsole，并建立一个控制台对象。

 

<!--//www.wuhairui.cn/build/vconsole.min.js-->
<script type="text/javascript" src="//wap.cmread.com/rbc/t/content/repository/ues/js/s109/vconsole.js"></script>
<script type="text/javascript">
    var vConsole=new VConsole();
</script>

（请最好放在head标签内）

下面咱们打开页面就能看到一个控制悬浮框：

点击该悬浮框可打开该页面的控制台

能够看到console日志、页面信息、请求列表、页面dom、页面缓存等信息。基本构成控制台信息了。

 

 

更多功能请自行研究。