轉帖|使用教程|編輯:黃竹雯|2016-06-30 13:03:53.000|閱讀 596 次
概述:前面講了一些基本的操作和菜單欄這些,這一講開始要涉及到一些核心的東西了,看本章之前,需要讀者具備一些HTTP方面的背景知識,否則學習起來可能會有些吃力。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
前面講了一些基本的操作和菜單欄這些,這一講開始要涉及到一些核心的東西了,看本章之前,需要讀者具備一些HTTP方面的背景知識,否則學習起來可能會有些吃力。
請求網格默認顯示的列如下所示,可以通過View子菜單下的Select Columns來設置要顯示的列。
各個字段的解釋如下表:
通常情況下,請求網格中的記錄以不同頁面為依據進行分組,組的標題欄如下圖所示:
前面是請求開始的時間,后面是頁面的標題,這幾個字大家再熟悉不過了吧。
通常有兩種顏色的分組,頁的標題欄為藍色表示是一個普通頁面,頁的標題欄為黃色表示是在前一個頁面進行的動態改變,例如AJAX調用。
仔細觀察Time Chart這一列,發現其中的條形圖有著不同的顏色段,而且還有幾條豎線,現在來詳細講解下。
一次請求是由很多階段組成的,例如DNS的轉換、建立連接、發送請求等,而不同的請求所經歷的階段也不完全相同,時間條形圖的各個段說明如下:
一個頁面從開始下載數據到最終完全顯示,中間會執行一系列的頁面事件,而IE和Firefox中的事件也不完全相同,說明如下:
上面講了一些基礎,下面我們舉個例子來具體分析下,還是錄制的百度的頁面,如下圖:
首先看標記為1和2的兩個分組標題部分,標記1的開始時間為全0,標記2的開始時間為00:00:06.200,這個時間是相對于標記1的開始時間的一個偏移量,也就是說頁面2是在頁面1請求后的6秒左右再發起請求的。
然后來看看標記3,這里有很多的時間值,每個時間值都表示該請求發起的時間,這個時間是相對于頁面開始時間的偏移量的,比如看頁面2的那幾個時間,都是相對于頁面2的開始時間計算的。
再看看標記4,這是一個時間條形圖,說明這個請求是在0.146秒開始發起的,先有一段Blocked時間,然后建立連接,再發送數據等等,可以看到,這個條形圖并不是向左靠齊的,因為它是相對于該頁面中其它請求而言的。
把標記5、6、7連起來看,標記5說明在0.259秒的時候所有請求都發送完畢,標記6說明在該時間點頁面開始顯示,標記7說明在0.342秒的時候所有DOM和圖片都已加載完成并開始執行onload事件。
最后來看看圖片中被黃色標記了的一行,首先,感嘆號一列中為空,說明沒有告警信息,Time列中顯示為0.113,說明該請求共耗時0.113秒,Sent列為383和Received列為371,說明該請求發送了383字節的數據和接收了371字節的數據,Methoed列為GET,說明使用的GET方法,Type列顯示了一個圖標,如果把鼠標移到上面,會顯示image/gif,說明請求的內容類型為gif圖片,URL列顯示了請求的地址。
這一部分講解了中間網格部分的內容,當然有些細節沒有詳細闡述,需要讀者自己去操作,而且這些內容和HTTP協議有關,就像開篇說的,需要讀者懂一些HTTP知識。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn