[Server & Network General] Chrome Developer Tools で HTTP Header を確認する方法

HTTP Header を調べようと思って、色々ありすぎてアレ?ってなったのでまとめておきます。

Chrome Developer Tools

httpheader 2013-12-06 15-37-35

  1. cmd + option + I で、Developer Tools を起動。
  2. Network タブを選択。
  3. ページをリロード。
  4. 左の Name から、調べたいものを選択。
  5. 右のタブから、Headers を選択。

他にもいろいろある

chrome 内部機能を呼び出す

以下をアドレスバーに入力する。

chrome://net-internals/#events

extension の通信などいろいろ含まれているので、フォームから絞り込んで利用する。

type:URL_REQUEST d-wood.com

httpheader 2013-12-04 16-26-37

httpheader 2013-12-04 16-27-56

chrome extension をつかう

Live HTTP Headers

httpheader 2013-12-06 16-58

補遺

IE, Firefox, Proxy

他のブラウザであるとか、ブラウザに依存せず proxy をつかうものについては、こちらが参考になりました。

RFC