Network——網(wǎng)絡面板

查看網(wǎng)絡請求，類似于我們測試常用的抓包工具

1、按照請求類型過濾，單擊“網(wǎng)絡”面板上的XHR，JS，CSS， Img，Media，F(xiàn)ont，Doc，WS（WebSocket），Manifest或 Other（此處未列出的任何其他類型）按鈕。若想選擇多個按住Ctrl不放，點擊鼠標左鍵

2、preserve log，勾選后在刷新瀏覽器的時候不會清空請求信息，會保留之前的請求

3、disable cache，禁用瀏覽器緩存來模擬首次訪問者
在測試的時候，可以勾選，避免因為緩存而帶來的一些問題，報給開發(fā)會說你這是因為緩存的原因，won't fix

4、模擬網(wǎng)絡狀態(tài)，online、offline、3G、自定義，在測試弱網(wǎng)或者離線的時候，可以用此選項進行設置

5、設置每條請求記錄的顯示字段，右鍵可以選擇顯示不同的列，也可以進行排序

6、單擊某一個請求，查看具體信息，不贅述，可以參考抓包工具的相關內(nèi)容

7、請求時序，一個請求的時間，都經(jīng)過了哪些步驟，哪里比較耗時

Queueing：瀏覽器在以下情況下將請求排隊：
- 有更高優(yōu)先級的請求
- 已為該來源打開了六個TCP連接，這是限制。僅適用于HTTP / 1.0和HTTP / 1.1
- 瀏覽器正在磁盤緩存中短暫分配空間
Stalled：出于隊列中描述的任何原因，該請求都可能被暫停
DNS Lookup：瀏覽器正在解析請求的IP地址
Proxy negotiation：瀏覽器正在與代理服務器協(xié)商請求
Request sent：正在發(fā)送請求
ServiceWorker Preparation：瀏覽器正在啟動服務工作者
Request to ServiceWorker：該請求被發(fā)送到服務人員
Waiting (TTFB)：瀏覽器正在等待響應的第一個字節(jié)。TTFB代表到第一個字節(jié)的時間。此時間包括一次往返延遲和服務器準備響應所花費的時間
Content Download：瀏覽器正在接收響應
Receiving Push：瀏覽器正在通過HTTP / 2服務器推送接收此響應的數(shù)據(jù)
Reading Push：瀏覽器正在讀取先前接收的本地數(shù)據(jù)