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

Dale St. Marthe
Dale St. Marthe
LinkedIn

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

總覽

「網路」面板可讓您：

請參閱「檢查網路活動」一文中的導覽教學課程，探索一些最常用的「網路」面板功能。

開啟網路面板

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

您也可以透過「指令」選單開啟「網路」面板，步驟如下：

  1. 開啟開發人員工具。
  2. 按下以下指令開啟「Command」選單：
  3. macOS：Command + Shift + P 鍵
  4. Windows、Linux、ChromeOS：Control + Shift + P 含有 鍵
  5. 輸入 Network 並選取「顯示網路面板」，然後按下 Enter 鍵。

記錄網路活動

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

除了錄製，您還可以執行以下動作：

檢查網路要求

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

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

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

  • 標頭：所選資源的 HTTP 標頭。
  • 酬載：查詢字串參數和要求的資料形式。
  • 預覽：HTML 的基本算繪。
  • 回應：所選資源的 HTML 原始碼。
  • 發起者：導致要求取得資源的原因。
  • 時間：所選資源的網路活動細目。
  • Cookie：要求的 Cookie 及其回應。

篩選及排序網路要求

「網路」面板提供兩種排序「要求」資料表中的要求排序方式：

以下列出幾種在「Requests」資料表中篩選要求的方法：

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

變更載入行為

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

您可以透過「Network」面板執行下列操作：

儲存及匯出網路要求資料

如要儲存及匯出網路要求資料，請參閱下列資訊：