585

9.x まで、ヘッダーは開発者ツールのリソースの下にありましたが、今ではどこにも見つかりません。

4

9 に答える 9

865

正確なバージョンはわかりませんが、Chrome にはいくつかの項目を含む「ネットワーク」タブがあり、それらをクリックするとタブの右側にヘッダーが表示されます。

F12Windows またはMac で を押し⌥⌘Iて、Chrome 開発者ツールを起動します。

Chrome デベロッパー ツールのヘッダー タブ

于 2010-12-12T18:05:30.063 に答える
28

私にとって、Google Chrome バージョン 46.0.2490.71 m の時点で、ヘッダー情報領域は少し隠されています。アクセスするために:

  1. ブラウザーが開いているときに押すと、 F12Web 開発者ツールにアクセスできます

  2. 開いたら、「ネットワーク」オプションをクリックします

  3. 最初は、ページ データが存在しない/最新ではない可能性があります。必要に応じてページを更新します

  4. リストにページ情報が表示されることを確認します。(また、[データ URL を非表示] チェックボックスの横にある [すべて] が選択されていることを確認してください)。

スクリーンショットを見る

于 2015-10-20T02:51:52.917 に答える
22

Chrome での私のお気に入りの方法は、ブックマークレットをクリックすることです。

javascript:(function(){function read(url){var r=new XMLHttpRequest();r.open('HEAD',url,false);r.send(null);return r.getAllResponseHeaders();}alert(read(window.location))})();

このコードを開発者コンソール パッドに入力します。

ソース: http://www.danielmiessler.com/blog/a-bookmarklet-that-displays-http-headers

于 2013-11-15T18:25:58.883 に答える
21

私は FireFox Header Spy 拡張機能が大好きだったので、Chrome 用の HTTP Spy 拡張機能を作成しました。以前はヘッダーのデバッグにも開発者ツールを使用していましたが、今では私の生活はずっと良くなりました。

これは、ページがロードされた直後に余分なクリックをすることなく、リクエスト、レスポンス ヘッダー、および Cookie を表示できる Chrome 拡張機能です。

また、リダイレクトも処理します。厳選された応答ヘッダーのみを表示する目立たないマイクロモードと、すべての情報を表示する通常モードが付属しています。

https://chrome.google.com/webstore/detail/http-spy/agnoocojkneiphkobpcfoaenhpjnmifb

楽しみ!

于 2013-06-18T06:00:50.693 に答える
8

受け入れられた答えがあることは知っていますが、お勧めします

Talend API Tester - Chrome 用 REST クライアント拡張機能。

例:

ここに画像の説明を入力

応答は、請願と同じ方法でヘッダーを表示します

于 2014-07-31T17:55:17.930 に答える