携帯端末のデバッグ

毎回携帯の端の問題があって、丈二のお坊さんのようで頭がよく分かりません.先日、強力なツールを発見しました.携帯の端を調整するのはとても便利です.ここにメモしてください.
先に原文の住所に行きます.https://github.com/liriliri/eruda  
Eudiaは携帯電話のウェブページのフロントエンドのために設計されたデバッグパネルで、DevToolsのミニバージョンのようなもので、主な機能は以下の通りである.
 

ボタンをドラッグして、パネルの透明度の大きさを設定します.

Consolieパネル:Cosoneログをキャプチャし、log、error、info、warn、dir、time/timeEnd、clear、count、astert、tableをサポートする.%cカスタムスタイル出力を含むプレースホルダをサポートします.ログタイプと正規表現でのフィルタリングをサポートします.ショートカット命令のロードundersscore、jQueryライブラリをサポートします.JavaScriptスクリプトの実行に対応します.

Elementsパネル:ラベルの内容と属性を表示する.Domに適用されているスタイルを表示します.ページ要素のハイライトをサポートします.スクリーンを直接クリックして選択することをサポートします.Domに結合された各種イベントを確認します.

Networkパネル:グラフ表示ページのロード速度;ページの各リソース要求時間を表示します.XHR要求を捕獲し、送信データ、リターンヘッダ、コンテンツなどの情報を確認する.

Resourceパネル:local Strage、session Strage及びcookieを確認し、クリアします.ページ読み込みスクリプトとスタイルファイルを表示します.ページを見て画像を読み込みます.

Sourcesパネル:ページのソースコードを調べます.フォーマット)、css、jsコードとjsonデータ.

Infoパネル:出力URL及びUser Agent;ユーザー定義の出力内容に対応します.

Snippetsパネル:ページ要素に枠を追加します.タイムスタンプを入れてページを更新します.カスタムコードセグメントをサポートします.

Featureパネル:ブラウザの一般的な特性検出.Can I use、Html 5 Testのクイックアクセスを提供します.

 
手っ取り早い
 

   ：npm install eruda --save

     ：<script src="node_modules/eruda/eruda.min.js">script> 

    ：eruda.init({
    container: el,
    tool: ['console', 'elements'] });


        ；

転載先:https://www.cnblogs.com/paul-du/p/7127246.html