寒くなりましたね!そろそろインフルエンザの季節が到来しますね。 対策にいち早くワクチン打ってもらおうかな~と思っているモリです。 今回はWeb開発で調査に活用できるネタとして、Chromeデベロッパー・ツールでヘッダー情報を確認する方法を簡単に紹介します。 画面遷移時の通信している詳細情報(HTTPリクエストやレスポンスのヘッダー情報など。。。)を確認する方法です。 まずは対象となる画面上で右クリックして「要素の検証」を押下します。 Chromeデベロッパー・ツールが立ち上がったら「Network」タブを押下して詳細情報を確認できます。 詳細情報は大きく分けて3つになります。 1.使用されているファイル一覧 2.ファイルに対する各種情報 3.通信の中身の詳細情報 1.使用されているファイル一覧 画面で読み込んでいるファイルを一覧表示しています。 いくつもファイルを読み込んでいる画面では、た
![Chromeデベロッパー・ツールを使ってヘッダー情報を確認する | FAIRWAY Engineer {Blog}](https://cdn-ak-scissors.b.st-hatena.com/image/square/cdd255c7fd7a5c1c080443544935c6eaa9fb0069/height=288;version=1;width=512/http%3A%2F%2Fdev.blog.fairway.ne.jp%2Fwp-content%2Fuploads%2F2015%2F10%2F3-276x300.png)