デスクトップの Chrome 開発ツールを使用して携帯電話で Web サイトをデバッグする方法

デスクトップの Chrome 開発ツールを使用して携帯電話で Web サイトをデバッグする方法

現在、レスポンシブな Web サイトの作成に取り組んでいます。Nexus 5 (Chrome アプリ) では表示がおかしくなっています。Chrome 開発ツール エミュレーター (および他の Web サイト) を使用してみましたが、提案された出力は携帯電話で実際に表示されるものと異なるようです。デスクトップの Chrome 開発ツールで携帯電話に表示されるものをデバッグする方法はありますか?

答え1

Chromeが最近リリースされましたAndroid でのリモート デバッグデスクトップ ブラウザの Chrome Web 開発ツールの一部として。

要約する:

  1. AndroidデバイスでUSBデバッグを有効にする
  2. ChromeでUSB検出を有効にする
  3. USB経由でデバイスを接続する
  4. デバッグ

関連情報