33

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

私はオンラインでいくつかのガイドを試しました。1つはこのAndroidSDKを使用してadbforwardtcp：9222 localabstract：chrome_devtools_remoteを実行するというものですが、「エラー：デバイスが見つかりません」とだけ書かれています。

誰かがこれを行う方法について何かアイデアがありますか？

4

8 に答える 8

37

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

Chromeの最新バージョン（私は34.0.xに取り組んでいます）：

  • 案内するchrome://inspect/
  • 小切手Discover USB Devices
  • USB経由で電話を接続します。コンピュータに接続するための許可を求めるポップアップが表示されます。受け入れ。

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

于 2014-04-14T18:05:53.743 に答える
21

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

于 2015-03-24T08:44:14.770 に答える
17

更新：2015年8月20日

この質問が2年前に行われたため、手順が変更されていることに注意してください。

そのため、Androidの新しいバージョンとAndroid用Chrome。これを使用する必要があります。

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

元の回答：

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

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

  1. ChromeforMobile-設定>開発者ツール>[x]USBWebデバッグを有効にする
  2. デバイス-設定>開発者向けオプション>[x]USBデバッグ
  3. デバイスをコンピューターに接続する

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

    C：\ adb forward tcp：9222 localabstract：chrome_devtools_remote

http://localhost:9222パソコンのChromeに移動します

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

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

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

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

于 2013-05-08T10:44:03.507 に答える
9

まず、Android SDKを開始する必要があります。http：//developer.android.com/sdk/index.htmlただし、Android Studioのすべてではなくツールを入手できるように、既存のIDEを選択してください。

AndroidデバイスのChromeベータ版では、次の手順を実行します。

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

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

[注：[開発者向けオプション]が表示されない場合は、[設定]> [端末情報]に移動し、[ビルド番号]を何度もタップすると、最終的には開発者などであることを示すメッセージが表示されます]

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

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

アドレスバーに次のように入力します：chrome：// flags and enable-"Enable Developer Tools Experiments"そして、表示される[Relaunch]ボタンを押します。

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

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

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

ポート転送を有効にしたら、開発ツールを閉じて開きます。

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

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

これで、localhost：9000（またはポート番号）をChrome for Androidに配置してサイトを表示し、DevToolsを使用してページを検査できます。

このサイトの「リバースポートフォワーディング」セクションの詳細：https ：//developers.google.com/chrome-developer-tools/docs/remote-debugging

于 2013-08-01T13:21:03.620 に答える
1

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

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

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

于 2013-09-04T16:20:00.037 に答える
1

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

  • Samsungデバイスの場合は、SamsungKiesをインストールすることを忘れないでください。
  • 私にとっては、Chrome Canaryでのみ機能し、Chromeでは機能しませんでした。
  • AndroidSDKのインストールも必要になる場合があります。
于 2014-01-31T14:04:47.743 に答える
0

私はこれを達成することができませんでしたが、Playストアで入手可能なview htmlソースアプリを使用して、要素を探すだけでした。

于 2013-02-06T16:38:26.670 に答える
0

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

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

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

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

于 2014-12-17T15:33:42.953 に答える