219

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

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

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

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

4

9 に答える 9

372

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

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

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

これに対する最新の回答は次のとおりです。以前のように「リソース」の下ではなく、開発者ツールの「ネットワーク」ボタンの下にリストされています。

于 2011-03-03T11:18:02.033 に答える
44

アップデート

Chrome はリクエストを検査する方法を変更し、 chrome://net-export/からエクスポートされたログでCatapult Netlog Viewerを使用することを提案するようになりました

chrome://net-export/

より詳しい情報

Chrome の古いバージョン

インスペクターが行ったよりも詳細な情報については、Chrome でこのリンクを使用することもできます。

chrome://net-internals/#events

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

于 2014-05-19T09:01:48.433 に答える
15

これが利用可能なChromeのバージョンはわかりませんが、「Console - Log XMLHttpRequests」という設定を見つけました(MacのChromeで開発者ツールの右下隅にあるアイコンをクリックします)

于 2012-01-13T15:16:25.313 に答える
6

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

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

私がこの方法を好むのは、通常、[ネットワーク] タブに移動しなくても、探しているものすべてをコンソールで確認できるからです。

于 2016-12-01T21:31:19.557 に答える
4

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

于 2009-11-30T16:46:49.977 に答える
3

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

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
于 2014-05-21T10:15:25.690 に答える
0

ブラウザでページを右クリックし、[Inspect Element] を選択して開発者ツールを起動することもできます。

https://developer.chrome.com/devtools

于 2014-03-01T18:27:43.823 に答える