使用「Request conditions」分頁封鎖特定網址,或對個別資源套用自訂網路節流設定檔。
總覽
先前,Chrome 開發人員工具可讓您在整個工作階段中限制網路狀況 (影響所有要求),或完全封鎖特定要求。不過,如果沒有減緩整個網頁的速度,就難以測試應用程式如何處理特定緩慢的資源,例如延遲時間過長的第三方 API,或是在連線速度緩慢時載入的大型主打圖片。
自 Chrome 144 起,開發人員工具支援個別要求節流。除了封鎖網路要求外,您現在還能選取個別網路要求,並套用特定網路條件。這項功能會將先前位於「網路要求封鎖」抽屜中的功能,移至全新的「要求條件」抽屜,提供更全面的功能。這項功能可減緩特定資源的載入速度,而非整個網站,因此更精確,也方便您更快完成偵錯。
節流或封鎖要求
如要封鎖或節流特定資源,請在「Network」面板中對任何要求按一下滑鼠右鍵,然後選取「Block request」或「Throttle request」,即可封鎖或節流確切網址或整個網域。這項操作會自動開啟「要求條件」抽屜,為項目建立新規則,並立即套用所選的網路限制。
要求條件導覽匣
在新版「要求條件」抽屜中,您可以控制受影響的要求,以及減緩速度的程度。

您可以選取標準預設值 (例如「3G 速度較慢」) 或自訂設定檔,藉此自訂節流設定,並使用萬用字元 (*) 編輯網址模式,將這些條件套用至特定動態資源或要求群組。
如果要求符合多個模式,開發人員工具會套用找到的第一個規則。如要控管優先順序,請使用抽屜中的箭頭按鈕,將優先順序較高的規則移至清單頂端。
瞭解哪些要求遭到節流或封鎖
請務必區分自然緩慢的要求,以及開發人員工具人為節流的要求。 重新載入頁面後,系統就會套用新的節流規則。您可以在「網路」面板中輕鬆找出受影響的要求:
- 遭封鎖的要求會以紅色顯示,且「狀態」欄中的狀態為
(blocked:devtools)。 - 遭到節流的要求會以黃色或金色顯示,且「時間」欄中會顯示時鐘圖示。將游標懸停在圖示上,即可查看套用的確切網路狀況。「時間碼」子面板也會顯示這項資訊。

節流要求可能會影響網頁效能。錄製效能設定檔時,您可以將游標懸停在「網路」軌中的要求上,查看詳細說明套用網路條件的工具提示。
