eruda-移动端调试工具的安装使用

Eruda 是一个专为手机网页前端设计的调试面板,类似 DevTools 的迷你版,其主要功能包括:捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie 信息、浏览器特性检测等等。

具体说明可以去eruda查看

使用方法

eruda是为了方便移动端测试,我们通过url参数的方法来控制使用,无论线上和线下均可以使用,而且不影响正常业务逻辑.使用时只需要在url后面加上mdebug=true即可

;(function () {
    if (!/mdebug=true/.test(window.location.href) && localStorage.getItem('mdebug') != 'true') 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()
    }
})()

你可能感兴趣的:(移动web开发,前端测试,调试工具)