Google Chrome でHTTPヘッダー情報を確認する方法

どうも、スマコマのコマ太郎です。元気もりもり

HTTPヘッダーとは、HTMLファイルを受信するために事前にやり取りされるデータのことです。

通常、ブラウザでHTTPヘッダー情報を見ることはありませんが、トラブルシューティングなどで利用できる情報が含まれるので、今回、HTTPヘッダーを確認する方法を備忘録として残しておこうと思います。

ブラウザでHTTPヘッダーを確認する方法

今回は google chrome で HTTPヘッダーを確認する方法をご紹介します。ちなみに firefox、ie などでも可能です。

さて。まずは google chrome で調査をしたい該当ページを開き、F12キーを押しデベロッパーツールを呼び出します。

chrome デベロッパーツール

デベロッパーツールのNETWORKタブ

呼び出されたデベロッパーツール上部にある [NETWORK]タブをクリックします。

デベロッパーツールのNETWORK画面

デベロッパーツールのNETWORK画面

NETWORK画面で、Ctrl+R を押します。これが重要で、HTTPヘッダー情報はHTMLファイルを受信する際にやり取りされるので、再度リクエストを送信しないと情報が表示されません。

HTTPヘッダーを確認する

HTTPヘッダーを確認する

リクエストを送信するとデータの送受信が開始され、いろいろデータが表示されます。情報がスクロールするほどあると思うので、一番上までスクロールバーを上げてください。

先頭のファイルが元になる HTMLファイルです。これを(シングル)クリックしてください。

HTTPヘッダー情報が表示された画面

HTTPヘッダー情報が表示される

HTTPヘッダー情報が右側に表示されます。リクエストヘッダー、レスポンスヘッダーなどのデータが表示されていると思います。

Google Chrome でHTTPヘッダー情報を確認する方法のまとめ

備忘録がてら書いてみた記事ですが、意外と需要があったみたいですね。

Chrome でHTTP header 情報を取得するには、デベロッパーツールを開いて、再度リクエストしないといけない点がポイントです。

 この記事へのコメント

  1. 浜のあき より:

    header情報
    Google Chrome で「HTTPヘッダー情報を確認する方法」を検索していましたが見つからず困っていましたが、当該ページに辿り着いて、お陰でよくわかりました。ありがとうございます。

    • コマ太郎 より:

      わざわざコメント下さり、ありがとうございます。
      お役に立てたようで、うれしいです。

 コメント/質問、お気軽にどうぞ。

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

WordPress を新規インストールしてドメイン名を変更する方法

スーパーリロードを超えるクロームの更新ワザ

スーパーリロードしてもページ、挙動が更新されないときの最終手段

ページの表示が更新されないときはスーパーリロードする

ページが更新されないときは、スーパーリロード(強制更新)を試してみて

サーチコンソールで順位を表示させる方法

新しいサーチコンソールで順位を表示させる方法は?

新しいサーチコンソールでfetch as google

新Search Consoleでインデックス登録をリクエストするには?

検索クエリを1000件を越えた部分も含めて調べる方法

自サイトの検索クエリを1000件を越えた部分も含めて調べる方法