网络请求:通过屏蔽网络请求来测试您的网站

Dale St. Marthe
Dale St. Marthe

使用网络请求屏蔽面板可以测试特定资源(如图片或样式表)被阻止加载时网页的行为方式。

概览

通过网络请求屏蔽面板,您可以同时屏蔽多个资源或“模式”,并从列表中切换它们。您也可以在网络面板中屏蔽网络请求网域或网址,网络请求屏蔽面板中会显示相应的格式。

通过网络请求屏蔽面板,您可以:

  • 添加或移除模式。
  • 修改图案。
  • 移除所有格式。
  • 启用或停用网络请求屏蔽功能。启用后,您可以针对个别模式开启/关闭屏蔽。

关闭开发者工具会停用网络请求屏蔽功能。您必须打开面板并再次启用屏蔽功能。 不过,即使浏览器关闭,开发者工具也会保存这些模式。

打开“网络请求屏蔽”面板

如需打开网络请求屏蔽面板,请执行以下操作:

  1. 打开开发者工具
  2. 按以下键打开命令菜单
    • macOS:Command + Shift + P
    • Windows、Linux、ChromeOS:Ctrl+Shift+P 命令菜单
  3. 开始输入 Network request blocking,选择显示网络请求屏蔽,然后按 Enter 键。开发者工具会在您的开发者工具窗口底部显示网络请求屏蔽面板。

或者,依次选择右上角的 more_vert 更多选项 > 更多工具 > 网络请求屏蔽

屏蔽网络请求

屏蔽网络请求的方法有两种。第一:

  1. 在“网络请求屏蔽”面板中,点击 add 添加模式系统会显示一个输入框,提示您输入“用于屏蔽匹配请求的文本格式”。

    您可以输入以下任意内容:

    • 完整网址。
    • 包含星号“*”的部分网址,用于进行通配符模式匹配。
    • 域名。这会屏蔽包含此网域的所有请求。
  2. 点击添加,并确保选中启用网络请求屏蔽复选框。

  3. 重新加载页面。 网络请求屏蔽面板会在此模式旁边显示已屏蔽的请求数量。

其次,您可以通过开发者工具中的网络面板屏蔽网络请求。

  1. 网络面板的名称部分下,右键点击相应请求,然后选择屏蔽请求网址屏蔽请求网域图片
  2. 网络请求屏蔽面板会自动打开,并将相关格式列为已屏蔽。
  3. 务必选中启用网络请求屏蔽复选框。
  4. 请重新加载页面,以查看相应格式旁边的被屏蔽请求数。

随着更多请求发出,被屏蔽的请求数量可能会更新。刷新页面会重置号码。

移除网络请求屏蔽模式

如需从列表中移除特定的网络请求屏蔽模式,请执行以下操作:

  • 网络请求屏蔽面板中,将鼠标悬停在某种模式上。
  • 点击删除 删除按钮。

若要移除所有网络请求屏蔽模式,请在活动栏中点击屏蔽 移除所有网络屏蔽模式按钮。

修改网络拦截请求模式

若要修改某种模式,请在“网络请求屏蔽”面板中点击该模式旁边的修改 修改按钮,进行修改,然后点击保存

开启/关闭网络请求屏蔽功能

check_box复选框 启用网络请求屏蔽复选框可让您一次性为所有格式启用和停用网络请求屏蔽。