2013-01-08 8 views
7

モバイルブラウザからモバイルウェブサイトにアクセスするときにのみ発生する問題をデバッグしようとしています。私は強く、問題の根本的な原因は、同じページに何度もアクセスするときに発生するキャッシングが原因であると考えています。デスクトップ上でモバイル(アンドロイド)ブラウザをエミュレートする方法

私はAndroid携帯からページにアクセスすると問題は一貫して再現できますが、デスクトップブラウザを使用しても問題は発生しません。

Android搭載端末では開発ツールを使用できないため、デスクトップブラウザから問題を再現する必要があります。そのため、デバッグの方法がいくつかあります。私は既にFirefoxとChromeの両方をUser-Agentヘッダーの適切な設定で(モバイル版のサイトが表示されるように)使用してみましたが、うまくいきません。

クライアント側のコードをデバッグできるように、モバイルブラウザの動作をデスクトップからエミュレートする方法がありますか? FWIW、私はiPhoneで問題を再現できるとはかなり確信していますが、利用可能なものはありません。

+0

に開発者ツールでのデバッグとプロファイリングモバイルコンテンツを開始することができますデバッグする必要があるページを選択してくださいオンラインサイトですか?あなたがどのような問題を再現するかを記述すれば、私はiPhone上でそれをテストします。 – 11684

+0

@ 11684申し出ありがとうございますが、現時点ではローカルでしか再生できません –

答えて

7

携帯電話でデバッガを使用すると、using chrome debuggerとなります。

今日では、あなただけのクロムにナビゲートすることができます。

  1. 接続://でお使いのデバイスを接続した後/#デバイスを検査

    を問題が解決しない場合は、古いメソッドを使用することができますUSBケーブルを使用してモバイルデバイスをホストに転送する

  2. モバイルデバイスでChromeを起動します。
    adb forward tcp:9222 localabstract:chrome_devtools_remote
  3. 開き、デスクトップChromeとローカルホストに移動します:ポートフォワーディングを有効にするには、[開く設定]> [詳細]> [開発ツールと有効にUSBのWebデバッグオプション
  4. をチェック発行ホストマシンのコンソールで次のコマンド9222
  5. あなたは
  6. あなたが今、あなたのデスクトップ
関連する問題