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

StackOverflow https://stackoverflow.com/questions/4423061

質問

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

役に立ちましたか？

解決

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

プレス F12 Windowsまたは ⌥⌘i MacでChrome開発者ツールを紹介します。

Chrome developer tools headers tab

他のヒント

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

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

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

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

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

スクリーンショットを参照してください

Firefox Header Spy Extensionが大好きだったので、Chrome用のHTTPスパイエクステンションを構築しました。私はヘッダーをデバッグするために開発者ツールも使用していましたが、今では私の人生はずっと良くなっています。

ここに、ページが読み込まれた直後に追加のクリックなしでリクエスト、応答ヘッダー、およびCookieを表示できるChrome拡張機能があります。

また、リダイレクトを処理します。対応のないマイクロモードには、応答ヘッダーのハンド選ばれた選択とすべての情報を表示する通常モードのみを表示します。

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

楽しみ！

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

Chrome の開発者コンソールの [ネットワーク] タブにヘッダー オプションがあります。

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

また、私のバージョンの Chrome では (50.0.2661.102), 、という名前の拡張子が与えられます。 ライブHTTPヘッダー これは、すべての HTTP リクエストのリクエスト ヘッダーに関する情報を提供します。

アップデート： 画像を追加しました

enter image description here

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

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

例：

EG.

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