【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、頁面緩存等信息。基本構成控制檯信息了。

 

 

更多功能請自行研究。