web-dev-qa-db-ja.com

モバイルブラウザでJavaScriptコードをデバッグする方法

Firebugと主要な最新のデスクトップブラウザー用の開発者ツールについては知っていますが、モバイルブラウザーでJavaScriptコードをデバッグする方法が見つかりません。

モバイルブラウザでコードをデバッグするために使用できる高レベルのテクニックは何ですか？

browsermobilefirebug
52
chnxster

Androidは、次の目的のためのツールセットを提供します。 https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q

Appleも同様の方法で行います。 https://developer.Apple.com/safari/tools/

チュートリアル： https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/

2
Hermann Schwarz

Androidデバイスは、[設定]> [電話の状態]に移動し、[ビルド番号]を7回タップすることで開発者モードにできます。これにより、USBデバッグを含む 一連のこと（ステップ5を参照） を実行できます。 （一部のデバイスでは、ソフトウェア情報の下にビルド番号が表示される場合があります）

USBデバッグを有効にするには、新しく表示された「{}開発者オプション」の設定を確認し、これを開いてUSBデバッグをオンにします。直接USB接続を使用してデバイスを接続します。

Chrome=デスクトップで、デバッグに使用される通常の開発者ツールパネルで、メニューから[その他のツール]> [リモートデバイス]を選択します。[USBデバイスの検出]を選択すると、側部。

これを選択すると、開いているすべてのchromeタブと、URLを直接入力する機能のリストが表示されます。

リンクの1つを選択すると、新しいウィンドウが開き、デバイス画面のミラーが左側に表示され、おなじみのchromeデバッグツールが右側に表示されます。デバイスを直接制御するか、ミラースクリーン上でマウスを回転させます。

完全な詳細 リモートデバッグ時 Googleから 開発者モードを有効にする方法 （上記のリンク）askvg.comから

1
franki

Safari Mobileでは、iPhone/iPadを使用してデバッグできます。 [開発]メニューでデバイスを見つけて、インスペクターでコードをデバッグできます。

代わりにAndroidデバイスがある場合は、chrome://inspectを使用してChromeデスクトップでデバッグできます（デバッグモードをアクティブにしてください）。

1
Salvatore Cozzubo

IPhoneで、[設定]> [Safari]> [詳細設定]に移動し、Webインスペクターをオンにできます

0
The DibMaster