Chrome瀏覽器F12的抓包知識詳解

一、四個模塊

①Header：面板列出資源的請求url、HTTP方法、響應狀態碼、請求頭和響應頭及它們各自的值、請求參數等等
②Preview：預覽面板，用于資源的預覽。
③Response：響應信息面板包含資源還未進行格式處理的內容
④Timing：資源請求的詳細信息花費時間

-----查看Network基本信息,請求了哪些地址及每個URL的網絡相關請求信息都可以看的到
URL，響應狀態碼，響應數據類型，響應數據大小，響應時間。

-----Waterfall能分割重要的請求耗時,查看具體請求耗時在哪個地方
鼠標指到相關區域可以看到具體耗時
我們具體分析下里面每個各代表什么意思,分別耗時多少,通過這個來分析服務器到底是哪個環節出了問題：
①Queueing 是排隊的意思
②Stalled 是阻塞 請求訪問該URL的主機是有并發和連接數限制的,必須要等之前的執行才能執行之后的,這段時間的耗時
③DNS Lookup 是指域名解析所耗時間
④Initial connection 初始化連接時間,這里一般是TCP 3次連接握手時間
⑤SSL https特有,是一種協議
⑥Request sent 發送請求所消耗的時間
⑦Waiting 等待響應時間,這里一般是最耗時的
⑧Content Download 下載內容所需要消耗的時間

二、谷歌F12--Network

三、 Request Headers詳解