web-dev-qa-db-ja.com

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

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

http-headersgoogle-chrome-devtools
540
Josef

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

押す F12 Windowsの場合 ⌥⌘I Mac上でChrome開発者ツールを起動する。

Chrome developer tools headers tab

800
Tower

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

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

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

  3. 最初は、ページデータが存在しない/最新の状態になっている可能性があります。必要に応じてページを更新してください

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

スクリーンショット参照

20
MrBCut

FireFox Header Spyエクステンションがとても気に入ったので、Chrome用のHTTP Spyエクステンションを作成しました。私はヘッダーのデバッグにも開発者ツールを使用していましたが、今では私の生活はずっと良くなっています。

これはChromeの拡張機能で、ページが読み込まれた直後に追加のクリックなしでリクエスト、レスポンスヘッダー、クッキーを表示することができます。

リダイレクトも処理します。選択したレスポンスヘッダの選択だけを表示する目立たないマイクロモードと、すべての情報を表示する通常モードが付属しています。

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

楽しい！

19
Michiel Roos

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

17
Mark Bowytz

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

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

また、私のバージョンのChrome （50.0.2661.102） では、すべてのHTTPリクエストのリクエストヘッダーに関する情報を提供する LIVE HTTPヘッダー という名前の拡張子が付けられています。

更新： 追加画像

enter image description here

10
qwerty

承認された回答があることを私は知っていますが、私はお勧めします

単純なREST Chrome用クライアント拡張機能。

例：

EG.

8
MacGyver