web-dev-qa-db-ja.com

Chromeでの監視リクエスト

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

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

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

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

ajaxgoogle-chromehttprequest
196
Wes P

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

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

  1. CTRL+SHIFT+Iを使用します（またはCurrent Page Control > Developer > Developer Toolsに移動します。Chromeの新しいバージョンでは、レンチアイコン> [ツール]> [開発ツール]をクリックします）。開発ツールを有効にします。
  2. 開発者ツール内から、Networkボタンをクリックします。まだ有効になっていない場合は、セッションに対して有効にするか、常に有効にします。
  3. "XHR"サブボタンをクリックします。
  4. AJAX callを開始します。
  5. "Resources"の下の左の列にアイテムが表示され始めます。
  6. リソースをクリックすると、ヘッダーと戻りコンテンツを表示する2つのタブがあります。
341
Phil

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

57
Wouter

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

chrome://net-internals/#events

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

41
Karl Adler

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

13
schellmax

DevToolsを開き、F1を押して設定にアクセスします。コンソールセクションを探して、「LogXMLHttpRequests」のチェックボックスをチェックします。

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

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

6
ShaneDaugherty

Fiddler を使用できます。これは無料の優れたツールです。

4
JoshBerke

この投稿で助けようとするすべての人に感謝します

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
3
masoud2011

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

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

1
wcb1

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

https://developer.chrome.com/devtools

0
BitByteDog