|
headers
從上圖中可以看到，headers部分會展示兩個信息：響應(yīng)頭和請求頭，分別包含著一些信息，需要注意的是，請求頭中包含了User-Agent信息和Cookie值。記得之前有個Firebug的擴(kuò)展叫Firecookie，現(xiàn)在的Firebug展示了這些信息，這個擴(kuò)展基本上就沒有用了。
PS：貌似之前有個Firefox的插件叫Live Http Header的，嗯，功能基本上也被Firebug集成了。
Response
響應(yīng)tab顯示請求后從服務(wù)器返回的數(shù)據(jù)，嗯，和響應(yīng)頭是不一樣的，這里回事一些純數(shù)據(jù)，如果是text/*類型(content-type)就會顯示原始代碼文本，如果是image/*類型，會直接顯示相關(guān)圖片。
瀏覽器緩存
如果請求的資源使用了緩存，那么這里就會多出一個cache的tab：
post|put請求
如果請求會發(fā)送一些數(shù)據(jù)，這里將會出現(xiàn)另一個tab：
URL參數(shù)
如果頁面請求中包含一些參數(shù)（查詢字段），則會有一個Params的tab在前面：
json
如果請求是Json，那么這里會有json的tab，采用彈性分層的結(jié)果展示詳細(xì)的數(shù)據(jù)：
時間線
firebug的時間線以瀑布圖的形式展現(xiàn)，很直觀，而當(dāng)你把鼠標(biāo)懸浮在時間線上的時候，就會彈出該條時間線的詳情的tips，這個tips包含5個階段和2個事件：
- DNS Lookup：DNS查詢時間
- Connection：創(chuàng)建一個TCP鏈接花掉的時間
- sending：向服務(wù)器發(fā)送請求需要的時間
- Waiting ：等待服務(wù)器響應(yīng)
- Receiving：從服務(wù)器獲取文件消耗的時間
- DOMContentLoaded： 事件，DOMContentLoaded事件完成的時間（從請求發(fā)起時開始，如果這個時候事件已經(jīng)完成，這里就可能是負(fù)值）
- Load：事件，頁面load事件完成的時間（從請求發(fā)起時開始，如果這個時候事件已經(jīng)完成，這里就可能是負(fù)值）
最上面一行，+859ms started表示前面的請求花掉的時間。
出處：前端觀察
責(zé)任編輯：bluehearts
上一頁 firebug net面板詳解 [1] 下一頁 firebug net面板詳解 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 firebug net面板詳解 [2]
