網路要求:封鎖網路要求以測試網站
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
請使用「網路要求封鎖」面板來測試當特定資源 (例如圖片或樣式表) 無法載入時,網頁會有什麼行為。
總覽
「網路要求封鎖」面板可讓您同時封鎖多個資源或「模式」,並從清單中切換。您也可以從「聯播網」面板封鎖網路要求網域或網址,「網路要求封鎖」面板就會顯示對應的模式。
「網路要求封鎖」面板可讓您:
- 新增或移除模式。
- 編輯模式。
- 移除所有模式。
- 啟用或停用網路要求封鎖功能。啟用後,您可以切換個別模式的封鎖功能。
關閉開發人員工具會停用網路要求封鎖功能。您必須開啟面板,重新啟用封鎖功能。
不過,即使瀏覽器關閉,開發人員工具仍會儲存模式。
開啟「網路要求封鎖」面板
如要開啟「網路要求封鎖」面板,請按照下列步驟操作:
- 開啟開發人員工具。
- 按下以下指令開啟「Command」選單:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
- 開始輸入
Network request blocking
,選取「顯示網路要求封鎖」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗底部顯示「網路要求封鎖」面板。
或者,在右上角依序選取 more_vert 更多選項 > [更多工具] > [網路要求封鎖]。
封鎖網路要求
封鎖網路要求的方法有兩種。第一步:
在「網路要求封鎖」面板中,按一下「新增模式」。畫面上會出現輸入方塊,提示您輸入「封鎖比對要求的文字模式」。
您可以輸入下列任一內容:
- 完整網址。
- 部分網址,標上星號「
*
」代表萬用字元模式比對。
- 網域名稱。這樣做會封鎖所有包含這個網域的要求。
按一下「新增」,並確認已勾選「啟用網路要求封鎖功能」核取方塊。
重新載入網頁。「網路要求封鎖」面板會在模式旁顯示遭到封鎖的要求數量。
此外,您可以在開發人員工具中的「網路」面板封鎖網路要求。
- 在「聯播網」面板的「名稱」部分下方,於要求上按一下滑鼠右鍵,然後選取「封鎖要求網址」或「封鎖要求網域」。
- 「網路要求封鎖」面板會自動開啟,並將相關模式列為已封鎖。
- 確認已勾選「啟用網路要求封鎖功能」核取方塊。
- 請重新載入頁面,查看相應模式旁的已封鎖要求數量。
隨著收到的要求增加,已封鎖的要求數量可能會隨之更新。重新整理頁面即可重設數據。
移除網路要求封鎖模式
如要從清單中移除特定網路要求封鎖模式,請按照下列步驟操作:
- 在「網路要求封鎖」面板中,將滑鼠遊標懸停在所需模式上。
- 按一下「刪除」按鈕。
如要移除所有網路要求封鎖模式,請按一下活動列中的「封鎖」「移除所有網路封鎖模式」按鈕。
修改網路封鎖要求模式
如要修改模式,請在「網路要求封鎖」面板中,按一下模式旁的 [編輯] [編輯] 按鈕並進行編輯,然後按一下 [儲存]。
切換網路要求封鎖設定
check_box [啟用網路要求封鎖功能] 核取方塊可讓您一次為所有模式啟用/停用網路要求封鎖功能。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-03-21 (世界標準時間)。
[{
"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-03-21 (\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-03-21 (世界標準時間)。"],[],[]]