7

モバイル ブラウザーからモバイル Web サイトにアクセスしたときにのみ発生する問題をデバッグしようとしています。問題の根本的な原因は、同じページに何度もアクセスしたときに発生するキャッシュにあると強く疑っています。

Android フォンからこのページにアクセスすると問題が一貫して再現されますが、デスクトップ ブラウザを使用すると問題は発生しません。

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

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

4

1 に答える 1

10

chrome debugger を使用して、携帯電話でデバッガーを使用できます。

最近では、デバイスを接続した後、chrome://inspect/#devices に移動するだけです。

それでもうまくいかない場合は、古い方法を使用できます。

  1. USB ケーブルを使用してモバイル デバイスをホストに接続します
  2. モバイル デバイスで、Chrome を起動します。[設定] > [詳細設定] > [開発者ツール] を開き、[USB Web デバッグを有効にする] オプションをオンにします。
  3. ホスト マシンのコンソールで次のコマンドを発行して、ポート フォワーディングを有効にします。
    adb forward tcp:9222 localabstract:chrome_devtools_remote
  4. デスクトップ Chrome を開き、localhost:9222 に移動します。
  5. デバッグする必要があるページを選択してください
  6. デスクトップの開発者ツールでモバイル コンテンツのデバッグとプロファイリングを開始できるようになりました
于 2013-01-08T10:16:52.187 に答える