Eruda-モバイルエンドデバッグツールのインストール使用


Erudaは、携帯電話のWebページのフロントエンドに特化したデバッグパネルで、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()
    }
})()