web-dev-qa-db-ja.com

Galaxy S3 ChromeデバイスのAndroidで検査要素を実行するにはどうすればよいですか？

Galaxy S3 ChromeデバイスのAndroidで検査要素を実行するにはどうすればよいですか？

私は、このAndroid SDKを使用してadb forward tcp：9222 localabstract：chrome_devtools_remoteを実行するように言っているオンラインのガイドをいくつか試しましたが、それは「error：device not found」です。

誰もこれを行う方法についてアイデアを持っていますか？

androidgoogle-chromechrome-for-android
32
James Anderson

chromeを使用したAndroidでのリモートデバッグ：これを試してください https://developer.chrome.com/devtools/docs/remote-debugging

20
Khaleel Hmoz

これで、Android SDKを使用せずにこれを実行できます。

chromeの最新バージョン（34.0.xで作業しています）：

  • chrome://inspect/に移動します
  • Discover USB Devicesを確認してください
  • USB経由で電話を接続します。コンピュータに接続する許可を求めるポップアップが表示されます。受け入れ。

これで、携帯電話のchrome://inspect/ページにアイテムが表示され、inspectをクリックできます。開発ツールが生成され、出来上がります！

36
stinkycheeseman

更新：8-20-2015

この質問が2年前に尋ねられてから、手順が変更されていることに注意してください。

したがって、AndroidのAndroidおよびChromeの新しいバージョンでは。これを使用する必要があります。

https://developers.google.com/web/tools/setup/remote-debugging/remote-debugging?hl=en

元の答え：

私はS3を持っています、それはうまく働きます。よくある間違いは、Chrome mobileでUSBデバッグを有効にしないことです。開発者オプションでデバイス自体のUSBデバッグを有効にする必要があるだけでなく、電話機のChromeブラウザに移動して、そこの設定でも有効にする必要があります。

SDKでこれを試してください

  1. Chrome for Mobile-[設定]> [デベロッパーツール]> [x] USB Webデバッグを有効にする
  2. デバイス-設定>開発者オプション> [x] USBデバッグ
  3. デバイスをコンピューターに接続する

  4. 以下のコマンドを実行して、コンピューターでポート転送を有効にします

    C：\ adb forward tcp：9222 localabstract：chrome_devtools_remote

コンピューターのChromeのhttp://localhost:9222に移動します

トラブルシューティング：

ADBを実行しようとしたときにcommand not foundが表示される場合は、Platform-Toolsがパスにあることを確認するか、SDKへのパス全体を使用して実行してください。

C:\path-to-SDK\platform-tools\adb forward tcp:9222 localabstract:chrome_devtools_remote

「device not found」が表示された場合は、adb kill-serverを実行してから再試行してください。

17
Panama Jack

開始するには、Android SDKが必要です。 http://developer.Android.com/sdk/index.html ただし、既存のIDEすべてのAndroid St​​udioではなくツールを取得します。

ChromeデバイスのAndroid Betaで、以下を実行します。

メニュー>設定>開発者ツール> USBデバッグを有効にする

デバイスのホームキーを押して、[設定]> [開発者オプション]> [USBデバッグを有効にする]に移動します。

[注：開発者オプションが表示されない場合は、[設定]> [デバイスについて]に移動し、[ビルド番号]を何度かタップします。最終的に、開発者または同様のユーザーであることを示すメッセージが表示されます]

電話機をUSB経由でコンピューターに接続します

デスクトップでChrome Canaryを開きます（安定版とベータ版には現在問題があると思います）：

アドレスバーに次のように入力します。chrome：// flags and enable-[開発者ツールの実験を有効にする]をクリックし、表示される[再起動]ボタンをクリックします。

ターミナルを再起動してadbデバイスを実行すると、リストにデバイスが表示されます。完了したら、Canaryでchrome：// inspectに移動し、デバイスが表示されるので、検査をクリックします。

これにより、Android上のChromeのdevtoolsが開きます。

隅にある歯車をクリックして、[実験]> [ポート転送を有効にする]に移動します（ポート転送が表示されない場合は、Chrome Betaになっていない可能性があります）

ポート転送が有効になったら、devツールを閉じて開きます。

コグに戻り、ポートフォワーディングを選択し、転送するポートを入力します（つまり、ローカルマシンのlocahost：9000の場合、9000 [デバイスポート]および127.0.0.1:9000 [ターゲット]と入力します）

最初のポートが無視されるバグが開いているため、最初の行でEnterキーを押し、2行目に同じ詳細を再入力する価値があります。

ChromeのAndroidにlocalhost：9000（または自分のポート番号）を入れてサイトを表示し、DevToolsを使用してページを検査できるようになりました。

このサイトの逆ポート転送セクションの詳細： https://developers.google.com/chrome-developer-tools/docs/remote-debugging

8
Matt Gaunt

私はS3を所有しており、Googleのこのガイドを使用しました。

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

本当に簡単、完璧に動作します。

1
venutip

主にこちらのガイドに従ってください https://developers.google.com/chrome-developer-tools/docs/remote-debugging 。しかし...

  • Samsungデバイスの場合、Samsung Kiesのインストールを忘れないでください。
  • 私にとっては、Chrome Canaryでのみ機能し、Chromeでは機能しませんでした。
  • Android SDKもインストールする必要がある場合があります。
1
Adrian Ber

これを実現することはできませんでしたが、Playストアで入手可能なHTMLソースアプリの表示を使用して、単純に要素を探しました。

0
egfconnor

Windowsでchrome検査を使用する場合は、モバイルでusbデバッグを有効にすることに加えて、Windows用のusbドライバーもインストールする必要があることに注意してください。

必要なドライバーは、次のリストから見つけることができます。

http://androidxda.com/download-samsung-usb-drivers

さらに、デスクトップのバージョンよりも新しいバージョンのChromeモバイルを使用する必要があります。

0
Roumelis George