可利用chrome开发者工具network面板原生屏蔽功能拦截指定请求:(1)右键选“屏蔽请求网址/网域”;(2)在network request blocking面板添加正则规则;(3)配合ublock origin实现持久化拦截,屏蔽后请求不再发出。

如果您在进行前端压力测试或调试时,需要临时阻断某些非核心网络请求以减少干扰、聚焦关键接口表现,则可利用谷歌浏览器开发者工具 Network 面板的原生屏蔽功能直接拦截指定 URL 或域名请求。以下是实现该目标的具体操作步骤:
一、通过右键菜单即时屏蔽单个请求URL
该方法适用于快速验证某一条高频轮询或第三方埋点请求被禁用后的页面行为变化,操作即时生效且无需安装扩展。屏蔽后该请求将完全不发出,可用于模拟弱网下部分服务不可用的场景。
1、按下 F12 或 Ctrl+Shift+I(Windows/Linux) / Cmd+Option+I(macOS)打开开发者工具。
2、切换至 Network 面板,刷新页面触发请求列表生成。
3、在请求列表中找到目标请求(例如 /api/v1/metrics 或 analytics.js),右键点击该行。
4、在弹出菜单中选择 Block request URL(屏蔽请求网址)。
5、刷新页面,确认该请求不再出现在 Network 列表中,且控制台无对应失败日志(说明已被静默拦截)。

二、批量屏蔽同一网域下的全部请求
该方法适用于需整体禁用某个CDN、监控服务或广告平台的所有子路径请求,通过匹配网域层级实现更广范围的阻断,避免逐条添加URL的繁琐操作。
1、确保已进入 Network 面板并存在至少一条来自目标网域的请求(如 https://cdn.example.com/widget.js)。
2、右键点击该请求,在菜单中选择 Block request domain(屏蔽请求网域)。
3、右侧将自动展开 Network Request Blocking 面板,显示已添加的规则,例如 cdn.example.com。
4、该规则默认启用,后续所有匹配该网域的 HTTP/HTTPS 请求(含子路径、不同协议端口)均被拦截。
5、如需临时停用此规则,可在 Network Request Blocking 面板中点击规则左侧的开关图标将其置灰。

三、自定义正则表达式精准匹配请求模式
该方法适用于屏蔽符合特定动态路径结构的请求,例如所有带时间戳参数的轮询接口、含特定 query key 的上报请求,或统一前缀的微服务调用,提供最大灵活性与复用性。
1、在 Network 面板右上角点击三个点图标,选择 More tools > Network Request Blocking。
2、在打开的 Network Request Blocking 面板底部点击 + Add pattern 按钮。
3、输入正则表达式,例如:
^https?://[^/]+/api/v\d+/poll\?.*t=\d+(匹配带时间戳参数的轮询请求);
-is:service-worker-initiated(排除 Service Worker 发起的请求,属内置过滤语法)。
4、勾选该规则左侧启用开关,刷新页面验证匹配请求是否消失。
5、如需修改,可点击规则右侧铅笔图标编辑;如需删除,点击垃圾桶图标。

四、使用 uBlock Origin 扩展实现持久化请求拦截
该方法适用于需跨会话、跨页面长期屏蔽固定域名或路径的场景,拦截发生在网络请求发起前,不依赖开发者工具开启状态,适合自动化测试脚本集成或团队标准化配置。
1、访问 chrome://webstore/,搜索 uBlock Origin,确认开发者为 Raymond Hill 后安装。
2、点击浏览器右上角扩展图标,选择 Dashboard,切换至 My filters 标签页。
3、在文本框中添加自定义规则,例如:
||example-analytics.com^(屏蔽整个域名);
||api.service.com/v1/track*$script,xmlhttprequest(仅屏蔽 script 与 xhr 类型请求)。
4、点击 Apply changes,规则立即生效。
5、关闭开发者工具或重启浏览器后,规则仍持续作用。
五、验证屏蔽效果与注意事项
该步骤用于确认屏蔽逻辑是否按预期执行,同时规避因误屏蔽导致功能异常的风险,是压力测试前必须完成的校验环节。
1、刷新页面后,在 Network 面板顶部检查 Filtered out 计数是否增加(表示有请求被规则拦截)。
2、观察页面核心交互是否正常:如按钮点击、表单提交、数据加载等主流程未受影响。
3、打开 Console 面板,确认无 Failed to load resource 报错指向关键业务接口。
4、若发现功能异常,立即前往 Network Request Blocking 面板或 uBlock Origin 的 My filters 中禁用最新添加的规则。
5、注意:屏蔽 favicon.ico、manifest.json 或核心 JS/CSS 文件可能导致页面渲染异常或PWA失效,此类资源应避免纳入屏蔽范围。











