質問

Firefoxでは、Firebugを使用して、ajax呼び出しが行っているすべてのhttp要求を表示できます。開発をChromeに切り替えて、これまでのところ気に入っています。ただし、私の唯一の不満は、開発者ツールでは各ajaxリクエストを表示できないことです。リソースパネルに同じリソースへの複数のリクエストが表示されたことが一度ありましたが、一度だけ実行され、二度と実行されませんでした。

Chrome内からjavascriptを介してページが作成しているすべてのhttpリクエストを確実に確認する方法はありますか?

[編集:11/30/09 11:55]

現在、これを回避するために、Chromeの隣でFiddlerを実行してリクエストを表示していますが、ブラウザ内からそれを行う方法がある場合は、それをお勧めします。

役に立ちましたか?

解決

これは古いスレッドであることは知っていますが、チャイムインすると思いました。

Chromeには現在、ソリューションが組み込まれています。

  1. CTRL + SHIFT + I を使用します(または現在のページコントロール>開発者>開発者ツールに移動します。Chromeの新しいバージョンでは、レンチアイコン&gt ;ツール>デベロッパーツール)。デベロッパーツールを有効にします。
  2. 開発者ツール内から、ネットワークボタンをクリックします。まだ有効になっていない場合は、セッションに対して有効にするか、常に有効にします。
  3. " XHR" サブボタンをクリックします。
  4. AJAX呼び出しを開始します。
  5. " Resources" の下の左側の列に項目が表示され始めます。
  6. リソースをクリックすると、ヘッダーと戻りコンテンツを表示する2つのタブがあります。

他のヒント

これに対する最新の答えは、開発者ツールの「ネットワーク」ボタンの下に表示され、以前の「リソース」の下には表示されなくなりました。

Chromeのこのリンクを使用して、検査官が行ったよりも詳細な情報を入手することもできます。

chrome://net-internals/#events

これは、開いている間のブラウザのすべてのリクエストのログを表示します

どのchromeバージョンが利用可能かはわかりませんが、 'Console-Log XMLHttpRequests'(Macのchromeの開発者ツールの右下隅のアイコンをクリック)の設定を見つけました

DevToolsを開き、F1を押して設定にアクセスします。コンソールセクションを探し、[XMLHttpRequestsをログに記録する]のチェックボックスをオンにします。

これで、すべてのajaxおよびその他の同様のリクエストがコンソールに記録されます。

この方法は、通常、ネットワークタブに移動しなくても、コンソールで探しているすべてのものを見ることができるため、この方法を好みます。

優れた無料ツールである Fiddler を使用できます。

この投稿を手伝おうとするすべての人に感謝します

ubuntu 13.10を使用しており、Chromeバージョンは34.0です

私の状況では、これは機能します

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

リクエストの前に新しいパネルが表示されるはずです

in this panel select "Response" tab

フィルのステップ5では、「リソース」 Chromeの新しいバージョンでは使用できなくなりました。名前、メソッド、ステータスなどの列がある下のペインにリストされているAjaxページの横にあるページアイコンをクリックする必要があります。

その後、エラーメッセージが表示されるパネルがさらに表示されます。

ブラウザでページを右クリックして、「要素を検査」を選択することもできます。開発者ツールを表示します。

https://developer.chrome.com/devtools

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top