Google ChromeでHTTPヘッダーを表示しますか?


回答:


832

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

F12Windowsまたは⌥⌘IMacでを押して、Chromeデベロッパーツールを起動します。

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


55
了解、ありがとう!アイテムを表示するには、ページをリロードする必要がありました。

8
いいね!私はchrome:// view-http-cache / [url]ハックを使用しましたが、あなたの解決策ははるかに優れています!
nalply

31
また、お試しくださいchrome://net-internals/
XP1 2012年

67
上記の答えを少し明確にするために-ネットワークタブをクリックすると、最初に右側にタイムライングラフの表形式で概要が表示されます。左側のリストから個々のファイルをクリックすると、上の図に示されているタブ([ヘッダー]タブを含む)が表示されます。これは、@タワーが「それらをクリック」によって意味するものです
SnapShot

2
注意事項:リソースが表示されない場合 -タブ領域(All | XHR JSなど)を確認して選択All
Zanshin13

22

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

  1. ブラウザが開いている間に押しF12て、Web開発者ツールにアクセスします

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

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

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

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


19

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

これは、ページが読み込まれた直後に余計なクリックをすることなく要求ヘッダー、応答ヘッダー、Cookieを表示できるChrome拡張機能です。

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

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

楽しい!


17

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


9
これは現在のヘッダーを取得しませんが、代わりに2番目のリクエストのヘッダーを取得します。
Nick

11

ヘッダーオプションは、Chromeのデベロッパーコンソールの[ネットワーク]タブにあります。

  1. ChromeでF12キーを押して、デベロッパーコンソールを開きます。
  2. [ネットワーク]タブを選択します。このタブには、ブラウザから発行されたリクエストに関する情報が表示されます。
  3. リクエスト名をクリックしてリクエストを選択します。そこでは、そのリクエストのヘッダー情報と、プレビュー、レスポンス、タイミングなどの他の情報を見つけることができます。

また、私のバージョンのChrome (50.0.2661.102)では、すべてのHTTPリクエストのリクエストヘッダーに関する情報を提供するLIVE HTTPヘッダーという拡張機能が提供されます。

更新:画像を追加

ここに画像の説明を入力してください


2
誰かがそれを必要とする場合に備えて:「概要を表示」がチェックされている場合、概要の下にリストされ、表示されない可能性があります(私にとっては)。「概要を隠す」アイコンをクリックするか、開発者ツールボックスを拡張できます
Angel M.

@ Chris22投稿の画像をご覧ください
エンジェルM.

@AngelM。ありがとう、わかりました。画像によると、「概要を表示」はチェックボックスではなく、アイコンです。
Chris22、2018年

8

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

Chrome用のシンプルなRESTクライアント拡張機能。

例:

例えば。


0

バージョン78.0.3904.87の場合、OS = Windows 7、64ビットPC

手順:

  1. F12を押す
  2. [ネットワーク]タブを選択します
  3. XHRを選択
  4. [名前]->で、行われたすべてのXHRリクエストを確認できます。
  5. 特定のXHRリクエストのリクエストヘッダーを表示するには、そのリクエストをクリックします。そのXHRリクエストに関するすべての詳細が右側に表示されます。

0

Google ChromeでリクエストまたはレスポンスのHTTPヘッダーを表示するには、次の手順に従います。

  1. Chromeで、URL(などhttps://www.google.com)にアクセスし、右クリックして[検査]を選択し、開発者ツールを開きます。
    ここに画像の説明を入力してください
  2. [ネットワーク]タブを選択します。
  3. ページを再読み込みし、左側のパネルでHTTPリクエストを選択すると、右側のパネルにHTTPヘッダーが表示されます。

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.