前言：聚焦核心请求，提升调试效率

进行前端压力测试或性能调试时，最令人头疼的往往不是核心业务接口，而是那些“不请自来”的第三方请求。

例如高频的埋点上报、广告脚本或非关键监控轮询。它们不仅干扰网络瀑布图分析，还可能占用宝贵的测试带宽。

若能精准“屏蔽”这些噪音，只关注主流程，调试效率将大幅提升。

谷歌浏览器开发者工具提供了原生解决方案，无需安装插件即可拦截指定请求。以下方法覆盖了从快速单点屏蔽到持久化规则配置的日常调试场景。

一、右键菜单：即时屏蔽单个请求URL

此方法适用于快速验证屏蔽某个特定请求（如烦人的轮询接口）后的页面表现。它操作简单，即时生效，适合临时调试。

操作步骤如下：

• 按 F12 或 Ctrl+Shift+I（Windows/Linux）/ Cmd+Option+I（macOS）打开开发者工具。
• 切换到 Network 面板并刷新页面，加载所有网络请求。
• 在请求列表中找到目标（如 /api/v1/metrics 或 analytics.js）。
• 右键点击该请求，选择 Block request URL（屏蔽请求网址）。

再次刷新页面，该请求将从 Network 列表中消失，控制台也无对应报错。这意味着请求在发出前已被静默拦截，可用于模拟服务接口不可用的场景。

二、批量操作：屏蔽同一网域下的全部请求

当噪音来自同一域名（如某个CDN下的所有资源或广告平台脚本）时，逐条屏蔽效率低下。批量屏蔽整个域名更为高效。

操作步骤如下：

• 在 Network 面板中找到至少一条来自该域名的请求。
• 右键点击此请求，选择 Block request domain（屏蔽请求网域）。

选择后，开发者工具右侧通常会展开 Network Request Blocking 面板，其中已添加相应规则（如 cdn.example.com）。

此规则默认开启，所有发往该域名（包括子路径和不同端口）的请求都将被拦截。

如需临时放行，只需在该面板中点击规则左侧的开关图标将其关闭即可。

三、精准匹配：使用正则表达式定义请求模式

固定URL或域名的屏蔽方法对动态请求（如带时间戳参数的轮询接口）效果有限。此时需要使用正则表达式进行精准匹配。

操作步骤如下：

• 打开 Network 面板，点击右上角三个点图标。
• 选择 More tools > Network Request Blocking。
• 在打开的面板底部，点击 + Add pattern 按钮。
• 输入你的正则规则。例如，屏蔽所有带时间戳“t”参数的轮询请求可写为：^https://[^/]+/api/vd+/poll.*t=d+

添加规则后，勾选左侧启用开关。刷新页面，所有符合该模式的请求将从列表中消失。

该面板支持对已有规则进行编辑（铅笔图标）或删除（垃圾桶图标），管理便捷。

四、持久化拦截：使用 uBlock Origin 扩展

上述方法依赖开发者工具保持开启，规则可能随会话结束而失效。若需跨会话或跨页面长期屏蔽，可使用更持久的方案。

专业广告拦截扩展 uBlock Origin（开发者：Raymond Hill）可实现此目的，其能力远超广告拦截。

操作步骤如下：

• 在 Chrome 网上应用店安装 uBlock Origin。
• 点击浏览器右上角扩展图标，进入 Dashboard（仪表板）。
• 切换到 My filters（我的过滤规则）标签页。
• 在此添加自定义静态规则。例如：

||example-analytics.com^ 会屏蔽整个域名下的所有请求。

||api.service.com/v1/track*$script,xmlhttprequest 则更精细，只屏蔽该路径下类型为脚本和XHR的请求。

输入规则后，点击 Apply changes（应用更改）。此后无论开发者工具是否开启，规则均会生效，适合集成到自动化测试或团队开发环境。

五、验证效果与重要注意事项

设置规则后，必须验证屏蔽效果，确保核心功能不受影响。

验证步骤：

• 刷新页面，观察 Network 面板顶部。若显示有请求被 Filtered out（已过滤）且数量增加，则规则生效。
• 进行功能回归测试：手动测试页面核心交互（如按钮点击、表单提交、主要数据加载），确保主流程正常。
• 打开 Console（控制台）面板，确认未出现关键的 Failed to load resource 错误，尤其是核心业务接口的报错。

若发现功能异常，可返回 Network Request Blocking 面板或 uBlock Origin 规则列表，暂时禁用最新添加的规则。

重要提醒：屏蔽时需格外谨慎，避免误伤关键资源。

例如 favicon.ico、manifest.json 或页面核心的 JS/CSS 文件。这些是页面的“筋骨”，误屏蔽可能导致布局错乱、功能失效或PWA特性丢失。添加规则时务必避开它们。

《夸克》非常好用的免费AI浏览器

下载APP查看