谷歌浏览器拦截网络请求进行压力测试方法

作者:技术拾光

时间:2026-05-13

浏览:269

进行前端压力测试或性能调试时,核心接口往往不是最棘手的部分,反而是那些非必要的第三方请求容易造成干扰。例如高频的埋点上报、广告脚本或非核心的监控轮询,它们不仅会扰乱网络瀑布图的分析,还可能占用测试环境中有限的带宽。若能精准屏蔽这些干扰请求,专注于主要业务流程,调试效率将显著提升。 实际上,谷歌浏览器

文章目录

进行前端压力测试或性能调试时,核心接口往往不是最棘手的部分,反而是那些非必要的第三方请求容易造成干扰。例如高频的埋点上报、广告脚本或非核心的监控轮询,它们不仅会扰乱网络瀑布图的分析,还可能占用测试环境中有限的带宽。若能精准屏蔽这些干扰请求,专注于主要业务流程,调试效率将显著提升。

实际上,谷歌浏览器自带的开发者工具就提供了原生的请求拦截功能,无需安装额外插件即可直接屏蔽指定请求。以下介绍的几种方法,从快速单点屏蔽到持久化规则配置,基本覆盖了日常调试的各种需求场景。

一、通过右键菜单快速屏蔽单个请求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或域名,但对于动态请求则不够灵活。例如需要屏蔽所有带时间戳参数的轮询接口或特定前缀的API路径时,可使用正则表达式进行精准匹配。

首先,在 Network 面板中点击右上角的三个点图标,选择 More tools > Network Request Blocking。

在打开的专用面板底部,点击 + Add pattern 按钮即可输入正则规则。例如,若需屏蔽所有带时间戳“t”参数的轮询请求,可输入:
^https://[^/]+/api/v\d+/poll\.*t=\d+

添加规则后,勾选左侧的启用开关。刷新页面后,所有符合该模式的请求将从列表中消失。该面板支持对已有规则进行编辑(铅笔图标)或删除(垃圾桶图标),便于管理。

谷歌浏览器拦截网络请求进行压力测试方法

四、使用 uBlock Origin 扩展实现持久化请求拦截

以上方法均需保持开发者工具开启,关闭或刷新页面后规则可能失效。若需跨浏览器会话或在不同页面长期屏蔽请求,则需要更持久的方案。此时可借助 uBlock Origin 这类专业广告拦截扩展,其功能不仅限于广告拦截。

首先,在 Chrome 网上应用店搜索并安装 uBlock Origin(开发者应为 Raymond Hill)。安装后,点击浏览器右上角的扩展图标,进入 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特性丢失。添加规则时请务必避开这些资源。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章