前言

我们在写webapp或者移动端网页需要嵌入到app时候，尤其是在APP内置的webView上加载我们的页面，想要查看手机浏览器信息是非常困难的事，当出现问题的时候，你又不能查看日志，一般会连接本地测试环境，然后在alert来打印日志（这种做法太蠢了），然后一遍一遍的定位bug，修改代码。使用eruda之后感觉爽爆了，解决了这个问题，这个工具就想电脑端的devtools，可以查看日志，网络，页面，Resources等

使用方法

多页面应用

在每个页面

<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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. = function () {
        eruda.init()
    }
})()

我们在项目的入口引用这个文件就可以

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

作者：小猿_Luck_Boy
链接：https://www.jianshu.com/p/a05b90ab03e4