HttpWatch學習筆記三

2021-06-02 00:06:10 字數 2443 閱讀 7765

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

其實我一直在想,叫請求網格到底合不合適,但一直又不知道怎麼翻譯,所以還是先用著吧。

請求網格預設顯示的列如下所示,可以通過view子選單下的select columns來設定要顯示的列。

各個欄位的解釋如下表:

started

請求開始的時間,第1項為絕對時間,後面的都是相對於這1項的偏移量

time chart

同乙個頁面中,某一請求相對於其它請求的時間圖形

!當有告警被發現時,顯示該標誌

time

從傳送該請求到接收完響應資料的時間

sent

傳送資料的總量,單位為byte,包括header和post data的資料量

received

接收資料的總量,單位為byte,因返回的狀態碼不同值也會不同:

200:顯示值為header和content的大小。如果內容被壓縮了,顯示值為已壓縮content的大小加上未壓縮header的大小。當使用ssl時,顯示值為加密後的大小,通常比未加密的值大些。

304:顯示值為header的大小。

(cache):顯示值為0。

method

請求傳送時所用的方法,如get、post等

result

type

以圖形表示內容的型別

url請求的位址

通常情況下,請求網格中的記錄以不同頁面為依據進行分組,組的標題欄如下圖所示:

前面是請求開始的時間,後面是頁面的標題,這幾個字大家再熟悉不過了吧。

通常有兩種顏色的分組,頁的標題欄為藍色表示是乙個普通頁面,頁的標題欄為黃色表示是在前乙個頁面進行的動態改變,例如ajax呼叫。

仔細觀察time chart這一列,發現其中的條形圖有著不同的顏色段,而且還有幾條豎線,現在來詳細講解下。

一次請求是由很多階段組成的,例如dns的轉換、建立連線、傳送請求等,而不同的請求所經歷的階段也不完全相同,時間條形圖的各個段說明如下:

blocked

前期預處理時間(如cache搜尋)和等待網路可用的時間

dns lookup

將主機名轉換成ip位址的時間

connect

建立連線的時間

send

傳送請求的時間

wait

等待伺服器響應的時間

receive

接收響應的時間

cache read

從快取中讀取資料的時間

ttfb

time to first byte,網路開始初始化到接收到第1個位元組資料的時間

network

網路開始初始化到網路使用完成的時間

render start

開始渲染事件,當瀏覽器開始顯示頁面時觸發

dom load

當頁面的dom已載入完畢並可以提供給指令碼呼叫時觸發

ie中不顯示,firefox中對應domcontentloaded事件

page load

頁面載入事件,當dom和都載入完成後觸發

對應onload事件

標誌著所有的http或https請求結束

首先看標記為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知識。

最近才發現,寫部落格也辛苦啊,尤其是那些圖,弄起來真麻煩啊,希望看過文章的人都留個言,也支援下我的勞動成果吧,現在可是晚上12:25啊。

學習筆記 三

在經過不斷的失敗後,山寨qq專案已基本完成 登入介面 主介面 聊天介面比較簡陋。就不展示了。目前,並沒有資料庫相關的操作,不是因為不會連線資料庫進行增刪改查。是我沒想好這個資料庫具體怎麼搭建。所以在以後的學習中,會慢慢完善這個專案。實現的主要功能 1.使用者輸入賬號密碼,在伺服器驗證,登入 2.和好...

學習筆記三

1.database 2.用於儲存和管理資料的倉庫。3.資料庫的特點 1.持久化儲存資料的。2.方便儲存和管理資料。3.使用統一的方式運算元據庫。sql 4.常見的資料庫軟體1.運算元據庫 crud 1.c create 建立 create database 資料名 2.r retrieve 查詢 ...

深度學習 學習筆記三

1.回歸和分類都是有監督學習問題嘛?分類與回歸,這兩者都屬於監督學習的範疇,都是學習的方法。之所以會去兩個不同的名字,就是因為其對應的輸出值形式不同,僅此而已。對於回歸任務其輸出值是連續的實數值,而對於分類任務其輸出值為離散的類別數。因此這兩者的本質是一樣的,僅僅是輸出形式不同而已。當然由於其輸出形...