Google chromeでHTTP headerをみる方法

[Chrome]
FifefoxでHTTPヘッダーをみるときは、以前紹介したようにLive HTTP Headersというアドインを使えばいいです。
非常に重宝しました。


ではGoogle Chromeではどうすればいいでしょうか。

アドイン不要です。
net-internalsのEventsタブから確認できます。
画面の上から下に向けて、古い物から新しいものの順に並んでいます。
左半分のID、Source、Descriptionの該当行をクリックすると、右半分のLogタブにヘッダーが表示されます。


整形されてて見やすいといえば、見やすいです。
私としては、素のまま表示するLive HTTP Headersの方がとっつきやすいですけどね……。


その他、JavaScriptで表示する方法や、Charles Proxyというプロキシ型のヘッダ確認ツール、「HTTP Headers」という拡張機能、があるようです。


前二者はブラウザを問わないのでいいですね。
後者は、さほど国内では使われてないようなので、人柱になるのが怖くて試していません(^^;


HTTPヘッダーをみながら開発すると、あっさりデバッグが完了したりするので、これらの方法はしっかり押さえておきたいですね!