http header觀察工具

2009031610:40
web開發必備工具
觀察 http 往來的cookie、http header訊息、找出哪些object 太大、耗時、除錯...


HttpFox
https://addons.mozilla.org/en-US/firefox/addon/6647





HttpWatch
http://www.httpwatch.com/
支援 IE / FireFox

功能蠻完整的
ps: HttpWatch 付費版本才能看到 header
(但部份網站如 yahoo / google 除外,應該吸引用戶付費的策略吧)





firebug
https://addons.mozilla.org/zh-TW/firefox/addon/1843


yslow
http://developer.yahoo.com/yslow/
(看到 y 就想到 yahoo!)



yslow 依據 http://developer.yahoo.com/performance/rules.html 的要點,對網頁進行評分(A~F,A最佳、F最差)
並針對網頁中的所有物件,都明白指出可以改進的方式

裝了yslow後, firefox下方狀態列也會顯示目前畫面的
所有物件下載完成所花費的時間



另一個 FireFox add on
Live HTTP Headers
https://addons.mozilla.org/en-US/firefox/addon/3829
顯示所有的header 在同一畫面 (比較沒那麼「方便看」)



2009-06-15 補

Page Speed
http://code.google.com/intl/zh-TW/speed/page-speed/
類似 yslow 的工具,也是 firebug plugin
跟 yslow 都是同作者:Steve Souders ,跳巢Google 後的作品
提供的資料蠻詳盡的,
但畫面呈現、整理部份 , yslow 做的比較好~