網路要求:封鎖網路要求以測試網站

Dale St. Marthe
Dale St. Marthe

使用「網路要求封鎖」面板,測試在封鎖特定資源 (例如圖片或樣式表) 時,網頁的行為表現。

總覽

您可以透過「網路要求封鎖」面板同時封鎖多個資源或「模式」,並在清單中切換這些項目。您也可以在「網路」面板中封鎖網路要求網域或網址,相應的模式會顯示在「網路要求封鎖」面板中。

您可以透過「網路要求封鎖」面板執行以下操作:

  • 新增或移除圖案。
  • 編輯圖案。
  • 移除所有格式。
  • 啟用或停用網路要求封鎖功能。啟用後,您可以切換個別模式的封鎖功能。

關閉開發人員工具會停用網路要求封鎖功能。您必須再次開啟面板並啟用封鎖功能。不過,即使瀏覽器關閉,開發人員工具仍會儲存模式。

開啟「網路要求封鎖」面板

如要開啟「網路要求封鎖」面板,請按照下列步驟操作:

  1. 開啟開發人員工具
  2. 按下以下鍵盤按鍵,開啟指令選單
    • macOS:Command + Shift + P
    • Windows、Linux 和 ChromeOS:Control + Shift + P含有
  3. 開始輸入 Network request blocking,選取「Show Network request blocking」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗的底部顯示「網路要求封鎖」面板。

或者,您也可以依序選取右上角的「更多選項」 >「更多工具」 >「網路要求封鎖」

封鎖網路要求

封鎖網路要求的方法有兩種。名字:

  1. 在「網路要求封鎖」面板中,按一下「新增」「新增模式」。系統會顯示輸入框,提示您輸入「封鎖與這個文字格式相符的請求」。

    您可以輸入下列任一項目:

    • 完整網址。
    • 含有星號「*」的部分網址,用於萬用字元模式比對。
    • 網域名稱。這會封鎖所有含有這個網域的請求。
  2. 按一下「新增」,並確認已勾選「啟用網路要求封鎖功能」核取方塊。

  3. 重新載入頁面。「網路要求封鎖」面板會在模式旁邊顯示已封鎖的要求數量。

其次,您可以透過開發人員工具中的「網路」面板封鎖網路要求。

  1. 在「Network」面板的「Name」部分,按一下要求的滑鼠右鍵,然後選取「Block request URL」或「Block request domain」圖片
  2. 「網路要求封鎖」面板會自動開啟,並列出已封鎖的相關模式。
  3. 確認已勾選「Enable network request blocking」核取方塊。
  4. 重新載入頁面,即可在對應的模式旁看到遭封鎖的請求數量。

隨著要求數量增加,封鎖的要求數量可能會更新。重新整理頁面會重設這些數字。

移除網路要求封鎖模式

如要從清單中移除特定網路要求封鎖模式,請按照下列步驟操作:

  • 在「網路要求封鎖」面板中,將滑鼠游標懸停在模式上。
  • 按一下「刪除」 按鈕。

如要移除所有網路要求封鎖模式,請在活動列中按一下「封鎖」「移除所有網路封鎖模式」按鈕。

修改網路封鎖要求模式

如要修改模式,請在「網路要求封鎖」面板中,按一下模式旁邊的「編輯」按鈕,然後編輯模式並按一下「儲存」

切換網路要求封鎖功能

啟用網路要求封鎖功能 核取方塊可讓您一次啟用或停用所有模式的網路要求封鎖功能。