6.請求列表
image-20190523142032553
簡單介紹下每列的含義：
Name：資源的名稱
Status：HTTP狀態(tài)代碼
Type：請求的資源的MIME類型
Initiator：發(fā)起請求的對象或進(jìn)程 。它可能有以下幾種值：

• Parser（解析器）：Chrome的 HTML 解析器發(fā)起了請求（鼠標(biāo)懸停顯示JS腳本）
• Redirect（重定向）：HTTP重定向啟動(dòng)了請求
• Script（腳本）：腳本啟動(dòng)了請求
• Other（其他）：一些其他進(jìn)程或動(dòng)作發(fā)起請求，例如用戶點(diǎn)擊鏈接跳轉(zhuǎn)到頁面或在地址欄中輸入網(wǎng)址 。

Size：服務(wù)器返回的響應(yīng)大?。ò^部和包體），可顯示解壓后大小
Time：總持續(xù)時(shí)間，從請求的開始到接受響應(yīng)中的最后一個(gè)字節(jié)
Waterfall：各請求相關(guān)活動(dòng)的直觀分析圖
鼠標(biāo)右鍵單擊，添加其他列：
image-20190523144119290
還可以自定義header頭：
image-20190523144534008
7.預(yù)覽請求內(nèi)容
如圖所示，在請求列表點(diǎn)擊以下
image-20190523145421841
功能包括：

• 查看頭部，包括請求頭、響應(yīng)頭 。
• 查看Cookie
• 預(yù)覽響應(yīng)正文：查看圖像用
• 查看響應(yīng)正文
• 時(shí)間詳細(xì)分布
• 導(dǎo)出數(shù)據(jù)為HAR格式
• 查看未壓縮的資源大小：Use Large Request Rows
• 瀏覽器加載時(shí)間（概覽、概要、請求列表）DOMContentLoaded 事件的顏色設(shè)置為藍(lán)色，而load事件設(shè)置為紅色
• 將請求數(shù)據(jù)復(fù)制到剪貼板
• Copy Link Address：將請求的網(wǎng)址復(fù)制到剪貼板
• Copy Response：將響應(yīng)包體復(fù)制到剪貼板
• Copy as cURL：以 cURL 命令形式復(fù)制請求
• Copy All as cURL：以一系列 cURL 命令形式復(fù)制所有請求
• Copy All as HAR：以 HAR 數(shù)據(jù)形式復(fù)制所有請求
• 查看請求上下游：按住 shift 鍵懸停請求上，綠色是上游，紅色是下游 。

下面演示如何查看請求上下游，首先按住 shift 鍵，其次移動(dòng)鼠標(biāo)到不同請求，如圖所示：
image-20190523154602391
image-20190523155233126
8.瀏覽器加載時(shí)間
觸發(fā)流程：

• 解析 HTML 結(jié)構(gòu)
• 加載外部腳本和樣式表文件
• 解析并執(zhí)行腳本代碼 // 部分腳本會(huì)阻塞頁面的加載
• DOM 樹構(gòu)建完成 // DOMContentLoaded 事件
• 加載圖片等外部文件
• 頁面加載完畢 // load事件

9.請求時(shí)間詳細(xì)分布
點(diǎn)擊請求列表后，找到Timing，看到如圖所示的字段
image-20190523162127459
Queueing：瀏覽器在以下情況下對請求排隊(duì)

• 存在更高優(yōu)先級的請求
• 此源已打開六個(gè) TCP 連接，達(dá)到限值，僅適用于 HTTP/1.0 和 HTTP/1.1
• 瀏覽器正在短暫分配磁盤緩存中的空間

Stalled：請求可能會(huì)因 Queueing 中描述的任何原因而停止
DNS Lookup：瀏覽器正在解析請求額IP地址
Proxy Negotiation：瀏覽器正在與代理服務(wù)器協(xié)商請求
Request sent：正在發(fā)送請求
ServiceWorker Preparation：瀏覽器正在啟動(dòng)Service Worker
Request to ServiceWorker：正在將請求發(fā)送到Service Worker
Waiting（TTFB）：瀏覽器正在等待響應(yīng)的第一個(gè)字節(jié) 。TTFB表示Time To First Byte（至第一字節(jié)的時(shí)間） 。此時(shí)間包括1次往返延遲時(shí)間及服務(wù)器準(zhǔn)備響應(yīng)所用的時(shí)間
Content Download：瀏覽器正在接收響應(yīng)
Receiving Push：瀏覽器正在通過 HTTP/2 服務(wù)器推送接收此響應(yīng)的數(shù)據(jù)
Reading Push：瀏覽器正在讀取之前收到的本地?cái)?shù)據(jù)
10.阻止請求
當(dāng)某些資源不可用時(shí)，頁面的外觀和行為如何？它完全失敗了，還是仍然有些功能？阻止要求查找：
1.按Control+ Shift+ P或 Command+ Shift+ P（Mac）打開命令菜單 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時(shí)就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

• 瀏覽器工作原理簡單說明 瀏覽器工作原理詳解
• 電腦調(diào)試麥克風(fēng)的圖文步驟 臺式電腦話筒怎么設(shè)置
• 瀏覽器小內(nèi)存推薦 內(nèi)存小的瀏覽器是哪個(gè)
• 瀏覽器安全證書過期 瀏覽器打開出現(xiàn)證書錯(cuò)誤是怎么回事
• 2021北斗超清衛(wèi)星地圖 谷歌實(shí)時(shí)在線街景地圖怎么看
• google瀏覽器截圖步驟 谷歌瀏覽器截圖快捷鍵哪個(gè)鍵
• 蘋果電腦chrome打不開網(wǎng)頁的原因 google瀏覽器mac打不開
• 投影融合調(diào)試教程 融合投影重疊怎么處理
• qql
• 教你如何解決全家桶和惡意篡改瀏覽器的問題