網路面板:分析網路負載和資源
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
使用「Network」面板分析網頁載入情形並檢查網路資源。
總覽
「網路」面板可讓您:
請參閱「檢查網路活動」一文中的導覽教學課程,探索一些最常用的「網路」面板功能。
開啟網路面板
如要開啟「網路」面板,請開啟開發人員工具,然後按一下頂端動作列中的「網路」。
您也可以透過「指令」選單開啟「網路」面板,步驟如下:
- 開啟開發人員工具。
- 按下以下指令開啟「Command」選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
- 輸入
Network
並選取「顯示網路面板」,然後按下 Enter 鍵。
記錄網路活動
當您開啟開發人員工具時,只要開發人員工具已開啟,系統就會自動在「網路」面板中記錄網路要求。
除了錄製,您還可以執行以下動作:
檢查網路要求
所有網路要求都會記錄在面板中央的「Requests」表格中。
如要進一步瞭解預設顯示的資料欄,以及可新增的其他資料欄,請參閱「查看要求記錄」一文。
按一下要求名稱,即可查看含有該要求額外資訊的分頁,包括:
- 標頭:所選資源的 HTTP 標頭。
- 酬載:查詢字串參數和要求的資料形式。
- 預覽:HTML 的基本算繪。
- 回應:所選資源的 HTML 原始碼。
- 發起者:導致要求取得資源的原因。
- 時間:所選資源的網路活動細目。
- Cookie:要求的 Cookie 及其回應。
篩選及排序網路要求
「網路」面板提供兩種排序「要求」資料表中的要求排序方式:
以下列出幾種在「Requests」資料表中篩選要求的方法:
搜尋網路標頭和回應
如要瞭解如何搜尋特定字串或規則運算式中所有資源的 HTTP 標頭和回應,請參閱「搜尋網路標頭和回應」。
變更載入行為
在「網路」面板中變更載入行為,測試網頁的使用者體驗。
您可以透過「Network」面板執行下列操作:
儲存及匯出網路要求資料
如要儲存及匯出網路要求資料,請參閱下列資訊:
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-07-26 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-07-26 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-07-26 (世界標準時間)。"],[],[]]