前面講了一些基本的操作和菜單欄這些，這一講開始要涉及到一些核心的東西了，看本章之前，需要讀者具備一些HTTP方面的背景知識，否則學(xué)習(xí)起來可能會有些吃力。

請求網(wǎng)格

請求網(wǎng)格默認(rèn)顯示的列如下所示，可以通過View子菜單下的Select Columns來設(shè)置要顯示的列。

各個字段的解釋如下表：

通常情況下，請求網(wǎng)格中的記錄以不同頁面為依據(jù)進行分組，組的標(biāo)題欄如下圖所示：

前面是請求開始的時間，后面是頁面的標(biāo)題，這幾個字大家再熟悉不過了吧。

通常有兩種顏色的分組，頁的標(biāo)題欄為藍(lán)色表示是一個普通頁面，頁的標(biāo)題欄為黃色表示是在前一個頁面進行的動態(tài)改變，例如AJAX調(diào)用。

仔細(xì)觀察Time Chart這一列，發(fā)現(xiàn)其中的條形圖有著不同的顏色段，而且還有幾條豎線，現(xiàn)在來詳細(xì)講解下。

一次請求是由很多階段組成的，例如DNS的轉(zhuǎn)換、建立連接、發(fā)送請求等，而不同的請求所經(jīng)歷的階段也不完全相同，時間條形圖的各個段說明如下：

一個頁面從開始下載數(shù)據(jù)到最終完全顯示，中間會執(zhí)行一系列的頁面事件，而IE和Firefox中的事件也不完全相同，說明如下：

上面講了一些基礎(chǔ)，下面我們舉個例子來具體分析下，還是錄制的百度的頁面，如下圖：

首先看標(biāo)記為1和2的兩個分組標(biāo)題部分，標(biāo)記1的開始時間為全0，標(biāo)記2的開始時間為00:00:06.200，這個時間是相對于標(biāo)記1的開始時間的一個偏移量，也就是說頁面2是在頁面1請求后的6秒左右再發(fā)起請求的。

然后來看看標(biāo)記3，這里有很多的時間值，每個時間值都表示該請求發(fā)起的時間，這個時間是相對于頁面開始時間的偏移量的，比如看頁面2的那幾個時間，都是相對于頁面2的開始時間計算的。

再看看標(biāo)記4，這是一個時間條形圖，說明這個請求是在0.146秒開始發(fā)起的，先有一段Blocked時間，然后建立連接，再發(fā)送數(shù)據(jù)等等，可以看到，這個條形圖并不是向左靠齊的，因為它是相對于該頁面中其它請求而言的。

把標(biāo)記5、6、7連起來看，標(biāo)記5說明在0.259秒的時候所有請求都發(fā)送完畢，標(biāo)記6說明在該時間點頁面開始顯示，標(biāo)記7說明在0.342秒的時候所有DOM和圖片都已加載完成并開始執(zhí)行onload事件。

最后來看看圖片中被黃色標(biāo)記了的一行，首先，感嘆號一列中為空，說明沒有告警信息，Time列中顯示為0.113，說明該請求共耗時0.113秒，Sent列為383和Received列為371，說明該請求發(fā)送了383字節(jié)的數(shù)據(jù)和接收了371字節(jié)的數(shù)據(jù)，Methoed列為GET，說明使用的GET方法，Type列顯示了一個圖標(biāo)，如果把鼠標(biāo)移到上面，會顯示image/gif，說明請求的內(nèi)容類型為gif圖片，URL列顯示了請求的地址。

這一部分講解了中間網(wǎng)格部分的內(nèi)容，當(dāng)然有些細(xì)節(jié)沒有詳細(xì)闡述，需要讀者自己去操作，而且這些內(nèi)容和HTTP協(xié)議有關(guān)，就像開篇說的，需要讀者懂一些HTTP知識。