必须先刷新页面确保Network面板捕获到请求,再通过Block Request URL拦截单个接口、Copy as fetch模拟节流、Override注入延迟等方式精准控制特定资源网络行为,以暴露弱网问题。

要让某个标签页在弱网下暴露出接口超时、图片加载失败或骨架屏闪烁等问题,必须精准控制该页内特定请求的网络行为,而不是全局限速——后者会让所有资源一起变慢,掩盖真实瓶颈。
打开Network面板并确保请求可见
这一步是后续所有操作的前提,不完成就无法定位目标请求。在目标网页按F12打开开发者工具→点击顶部Network选项卡→【务必刷新一次页面】,确保面板中出现至少一条JS或API请求记录;若左上角录制按钮▶️为灰色,先点击它启用捕获。
用“Block Request URL”临时拦截单个请求
适用于验证页面在某个接口完全不可用时的降级逻辑,比如统计脚本挂掉是否影响下单流程。右键目标请求(如/api/v3/user)→选择Block request URL→该请求后续将直接返回net::ERR_BLOCKED_BY_CLIENT状态码;再次右键可取消拦截。注意:此操作只对当前标签页生效,关闭标签页后自动失效,无需手动还原。
通过“Throttle”菜单限制单个请求速率
Chrome原生不支持对单个请求单独限速,但可通过组合操作逼近效果:先启用Slow 3G全局节流→勾选Disable cache→右键目标请求→Copy → Copy as fetch→在Console中粘贴执行;此时该fetch调用会走节流通道,而页面其他资源仍按原速加载。这一步的关键在于必须在禁用缓存后执行,否则fetch可能命中内存缓存,绕过节流。
使用“Override”功能模拟高延迟响应
当需要让某一个接口固定延迟2秒返回,又不想影响其他资源时,覆盖响应是最可靠的方式。第一步:在开发者工具中切换到Application选项卡→左侧选Overrides→点击+号新建覆盖目录→选择本地文件夹并允许访问;第二步:回到Network面板,右键目标请求(如/assets/logo.png)→Open in Sources→在Sources面板中右键该文件→Save for overrides;第三步:在本地编辑该文件,在开头插入一段JavaScript延迟逻辑(例如await new Promise(r => setTimeout(r, 2000))),保存后刷新页面——该资源就会强制延迟2秒返回,其余一切照常。
用命令菜单快速启用/关闭节流
聚焦开发者工具任意面板→按Ctrl + Shift + P(Windows/Linux)或Cmd + Shift + P(macOS)→输入throttle→从列表中选择Network Throttling: Slow 3G回车即可启用;想关掉?再执行一次Network Throttling: Offline或Network Throttling: No throttling。



















