調試移動端H5或者查看 移動端H5頁面的log信息

目前通常的功能，都是能夠使用 桌面瀏覽器模擬手機端去 調試 移動H5頁面的。

可是有些功能 就是得須要去使用手機端的瀏覽器去測試才知道行不行，有什麼問題的。

但是使用手機瀏覽器去調試的時候， 根據沒有控制檯啊，徹底看不到錯誤信息，要調試也太難了吧，難道去alert 嗎？

但是 連錯誤信息是什麼，是否有錯誤信息都不知道，怎麼去alert ？

試過了

window.onerror = function (msg) { alert(msg) }

有些不起眼的錯誤信息是沒有 alert出來的。。。

 

而後我就去找找看看是否有 能夠 方便調試移動端瀏覽器訪問的 工具。

是有啊，好比 谷歌瀏覽器的或者火狐，或者UC 瀏覽器  能夠調試 手機瀏覽器的訪問頁面的。

但是問題是，網上的資料太少了哦，或者資料過久了。瀏覽器都更新換代多少次了，那些方式徹底沒起效果， 並且 看起來好麻煩哦。

 

最終找到了一個 

參考 https://www.jianshu.com/p/c6861294e77d

https://github.com/liriliri/eruda

沒錯就是 eruda 不須要 使用電腦端去搞什麼東西，

只須要引入JS便可， 能夠看到控制檯的信息和 其餘的信息，徹底就是 移動瀏覽器端的開發控制檯啊！！！

相對其餘 調試工具來講算是很方便了

<script src="//cdn.bootcss.com/eruda/1.5.2/eruda.min.js"></script>
<script>eruda.init();</script>

 

 

同時它也不是完美的，有時候會卡死。。。