之前介紹過了一個在 FireFox 下非常好用的除錯及觀察工具, FireBug (https://diary.tw/tim/7), 前一次更新後, 發現它多了不少功能, 其中有一項特別值得提出來給大家參考的就是 Net 標籤下的 Network Monitoring 功能.
這個功能十分強大, 用看得就覺得不得了了, 之前也有介紹一個超好用的 Fiddler (https://diary.tw/archives/287), 這個強大的功能和 fiddler 不相上下, 它可以觀察整個 http request 的過程及網頁的 download 狀態, 而 fiddler 僅能用在 ie, firebug 新增的這個功能, 讓在 firefox 的用戶也有對應的工具可以做 network 傳輸上的除錯, 真的十分有用.
接下來看一下 request 及 response 的時間狀況及是否由 cache 取出的狀況:
我們可以很容易地在上圖中看到每一個 request 的反應時間, 而且其中 bar 若用淺灰色的代表著是 304 回應, 也就是 not modified, 直接取用 local cache 內容, 這對於設計網頁效能考量有著莫大的幫助.
再來就是這些內容的 preview 功能, 若是圖檔, 就直接秀出來:
另外就是 request 及 response 的 header 及內容:
這對於做任何 ajax, http reqeust, 效能等開發者關心的資訊來說, 真的是非常好用的一個工具哦. 官方對於 Network Monitoring 功能有著詳細的介紹: http://www.getfirebug.com/net.html