前言

我們在寫webapp或者移動端網頁需要嵌入到app時候，尤其是在APP內置的webView上加載我們的頁面，想要查看手機瀏覽器信息是非常困難的事，當出現(xiàn)問題的時候，你又不能查看日志，一般會連接本地測試環(huán)境，然后在alert來打印日志（這種做法太蠢了），然后一遍一遍的定位bug，修改代碼。使用eruda之后感覺爽爆了，解決了這個問題，這個工具就想電腦端的devtools，可以查看日志，網絡，頁面，Resources等

使用方法

多頁面應用

在每個頁面

<script type="text/javascript" src="https://cdn.bootcss.com/eruda/1.2.6/eruda.min.js"></script>

<script>eruda.init();</script>

單頁應用

npm install --save-dev eruda

;(function () {
    if (!/mdebug=true/.test(window.location.href)) return;
    var script = document.createElement('script')
    script.src = "https://cdn.bootcss.com/eruda/1.2.6/eruda.min.js"
    script.async = true
    document.getElementsByTagName('head')[0].appendChild(script)
    script.onload = function () {
        eruda.init()
    }
})()

我們在項目的入口引用這個文件就可以

我們只需要在地址欄增加mdebug=true即可，是不是很方便？

掃下邊的二維碼可以天天領紅包，以后點外賣什么的再也不用開會員了，從此省出一套房~

qrcode.jpg