使用「網路要求封鎖」面板測試網頁在特定資源 (例如圖片或樣式表) 無法載入時的行為。
總覽
透過「網路要求封鎖」面板,您可以一次封鎖多個資源或「模式」,並從清單中切換這些資源。您也可以透過「網路」面板封鎖網路要求網域或網址,對應的模式則會顯示在「網路要求封鎖」面板中。
「網路要求封鎖」面板可讓您:
- 新增或移除模式。
- 編輯模式。
- 移除所有模式。
- 啟用或停用網路要求封鎖功能。啟用後,您就可以針對個別模式切換封鎖功能。
關閉開發人員工具會停用網路要求封鎖功能。您必須開啟面板並再次啟用封鎖功能。 不過,即使瀏覽器關閉,開發人員工具仍會儲存模式。
開啟「網路要求封鎖」面板
如何開啟「網路要求封鎖」面板:
- 開啟開發人員工具。
- 按下以下按鍵開啟「指令選單」:
- macOS:Command + Shift + P 鍵
- Windows、Linux、ChromeOS:Control + Shift + P 鍵
- 開始輸入
Network request blocking
,選取「顯示網路要求封鎖」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗底部顯示「網路要求封鎖」面板。
或者,您也可以依序選取右上角的 more_vert [更多選項] > [更多工具] > [網路要求封鎖]。
封鎖網路要求
封鎖網路要求的方式有兩種。第一步:
在「網路要求封鎖」面板中,按一下「新增模式」。畫面上會出現輸入框,提示您輸入「用於封鎖比對要求的文字模式」。
您可以輸入下列任一項目:
- 完整網址。
- 部分網址加上星號「
*
」,供萬用字元模式比對。 - 網域名稱。這麼做會封鎖包含這個網域的所有要求。
按一下「新增」,並確認已勾選「啟用網路要求封鎖功能」核取方塊。
重新載入網頁。「網路要求封鎖」面板會在模式旁邊顯示已封鎖的要求數量。
其次,您可以透過開發人員工具中的「網路」面板封鎖網路要求。
- 在「網路」面板的「名稱」部分,在要求上按一下滑鼠右鍵,然後選取「封鎖要求網址」或「封鎖要求網域」。
- 「網路要求封鎖」面板會自動開啟,並將相關模式列為已封鎖。
- 確認已勾選「啟用網路要求封鎖功能」核取方塊。
- 重新載入頁面,即可查看遭封鎖的要求數量,會顯示在對應模式旁。
隨著提出更多要求,已封鎖的要求數量也可能會更新。重新整理頁面就會重設數字。
移除網路要求封鎖模式
如何從清單中移除特定網路要求封鎖模式:
- 在「網路要求封鎖」面板中,將滑鼠遊標懸停在模式上。
- 按一下「刪除」按鈕。
如要移除所有網路要求封鎖模式,請按一下活動列中的「封鎖」「移除所有網路封鎖模式」按鈕。
修改網路封鎖要求模式
如要修改模式,請在「網路要求封鎖」面板中,按一下模式旁的「編輯」按鈕,進行編輯,然後按一下「儲存」。
切換網路要求封鎖功能
check_box「啟用網路要求封鎖」核取方塊可讓您一次為所有模式啟用及停用網路要求封鎖功能。