網路面板:分析網路負載和資源

Dale St. Marthe
Dale St. Marthe

使用「網路」面板分析載入網頁情形,並檢查網路資源。

總覽

「網路」面板可讓您:

請參閱「檢查網路活動」導覽教學課程,瞭解一些最常用的「網路」面板功能。

開啟「網路」面板

如要開啟「網路」面板,請開啟開發人員工具,然後按一下頂端動作列中的「網路」

或者,如要透過指令選單開啟「網路」面板,請按照下列步驟操作:

  1. 開啟開發人員工具
  2. 按下下列按鍵,開啟「命令」選單
  3. macOS:Command+Shift+P
  4. Windows、Linux、ChromeOS:Ctrl+Shift+P指令選單 (使用
  5. 開始輸入 Network,選取「顯示網路面板」,然後按下 Enter 鍵。

記錄網路活動

只要開啟開發人員工具,系統就會自動在「網路」面板中記錄網路要求。

除了錄製影片,你還可以執行下列操作:

檢查網路要求

所有網路要求都會記錄在面板中央的「要求」表格中。

如要進一步瞭解預設顯示的資料欄,以及可新增的其他資料欄,請參閱「查看要求記錄」。

按一下要求名稱,即可查看含有要求額外資訊的分頁,包括:

  • 標頭:所選資源的 HTTP 標頭。
  • 酬載:要求的查詢字串參數和表單資料。
  • 預覽:HTML 的基本算繪結果。
  • 回應:所選資源的 HTML 原始碼。
  • 發起者:導致要求資源的原因。
  • 時間軸:所選資源的網路活動明細。
  • Cookie:要求及其回應的 Cookie。

篩選及排序網路要求

「網路」面板提供兩種方式,可在「要求」表格中排序要求:

以下是篩選「要求」表格中要求的多種方式:

如要瞭解如何搜尋特定字串或規則運算式的所有資源 HTTP 標頭和回應,請參閱「搜尋網路標頭和回應」。

變更載入行為

在「Network」面板中變更載入行為,測試網頁的使用者體驗。

使用「網路」面板時,你可以執行下列操作:

儲存及匯出網路要求資料

如要儲存及匯出網路要求資料,請參閱下列說明: