通常寫前端頁面都在Chrome瀏覽器的開發模式下進行調試,但是寫放在移動端的H5頁面時,有時候會遇到在Chrome上調試沒有問題,但是在手機的瀏覽器上有問題的情況;或者有些功能只能在特定的容器中才能其作用,這個時候如果發現在手機上有問題,只能夠通過alert一步一步地定位問題。同事推薦了一個好用的可以在手機瀏覽器上直接定位問題的插件:eruda.js,記錄一下使用方法。
使用方法:
1.在html中引用如下js:
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
2.直接將eruda.min.js下載下來或者復制一個放在項目里,直接引用本地的js
然后直接點擊頁面右下角有個設置形狀的按鈕,就會顯示一個控制台