通常寫前端頁面都在Chrome瀏覽器的開發(fā)模式下進行調(diào)試,但是寫放在移動端的H5頁面時哀澈,有時候會遇到在Chrome上調(diào)試沒有問題掠抬,但是在手機的瀏覽器上有問題的情況骄崩;也有的頁面是需要放在微信公眾號中的拔稳,調(diào)用了微信JSSDK的方法葛峻,必須得通過手機上的微信內(nèi)置瀏覽器才能使用,這個時候如果遇到了報錯巴比,只能夠通過alert一步一步地定位問題泞歉。今天發(fā)現(xiàn)了一個好用的可以在手機瀏覽器上直接定位問題的插件:eruda.js
在html中引用如下js:
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
也可以把eruda.min.js下載下來放在工程里逼侦,引用本地的js
這時候我們可以寫一個測試的js測試一下匿辩,放在手機瀏覽器上腰耙,點擊頁面右下角有個設(shè)置形狀的按鈕,就可以看到報錯信息了
github地址:?https://github.com/liriliri/eruda