使用「Network」面板分析網頁載入情形並檢查網路資源。
總覽
「網路」面板可讓您:
- 記錄網路活動
- 檢查網路要求
- 篩選及排序網路要求
- 搜尋網路標頭和回應
- 變更載入行為
- 封鎖網路要求
- 變更網路條件
- 對
prefetch
推測規則偵錯 - 覆寫 HTTP 回應標頭
- 使用萬用字元覆寫多個網址的標頭。
- 儲存及匯出網路要求資料
請參閱「檢查網路活動」一文中的導覽教學課程,探索一些最常用的「網路」面板功能。
開啟網路面板
如要開啟「網路」面板,請開啟開發人員工具,然後按一下頂端動作列中的「網路」。
您也可以透過「指令」選單開啟「網路」面板,步驟如下:
- 開啟開發人員工具。
- 按下以下指令開啟「Command」選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
- 輸入
Network
並選取「顯示網路面板」,然後按下 Enter 鍵。
記錄網路活動
當您開啟開發人員工具時,只要開發人員工具已開啟,系統就會自動在「網路」面板中記錄網路要求。
除了錄製,您還可以執行以下動作:
- 停止記錄網路要求。
- 從「要求」表格中清除所有要求。
- 儲存跨網頁載入的要求。
- 模擬離線體驗。
- 模擬較慢的網路連線。
檢查網路要求
所有網路要求都會記錄在面板中央的「Requests」表格中。
如要進一步瞭解預設顯示的資料欄,以及可新增的其他資料欄,請參閱「查看要求記錄」一文。
按一下要求名稱,即可查看含有該要求額外資訊的分頁,包括:
- 標頭:所選資源的 HTTP 標頭。
- 酬載:查詢字串參數和要求的資料形式。
- 預覽:HTML 的基本算繪。
- 回應:所選資源的 HTML 原始碼。
- 發起者:導致要求取得資源的原因。
- 時間:所選資源的網路活動細目。
- Cookie:要求的 Cookie 及其回應。
篩選及排序網路要求
「網路」面板提供兩種排序「要求」資料表中的要求排序方式:
以下列出幾種在「Requests」資料表中篩選要求的方法:
搜尋網路標頭和回應
如要瞭解如何搜尋特定字串或規則運算式中所有資源的 HTTP 標頭和回應,請參閱「搜尋網路標頭和回應」。
變更載入行為
在「網路」面板中變更載入行為,測試網頁的使用者體驗。
您可以透過「Network」面板執行下列操作:
儲存及匯出網路要求資料
如要儲存及匯出網路要求資料,請參閱下列資訊: