必须启用Chrome开发者工具Network面板的网络节流功能才能真实模拟弱网,操作顺序为:F12打开工具→切至Network标签→刷新页面确保有请求→下拉选择Slow 3G或自定义配置→勾选Disable cache→强制刷新验证。

要让网页在真实弱网条件下暴露出加载卡顿、白屏超时或接口失败等问题,必须通过Chrome开发者工具的Network面板启用网络节流功能,否则所有请求都会走本地高速通道,测试毫无意义。
打开开发者工具并进入Network面板
这一步是后续所有操作的前提,不完成就无法看到节流菜单。在目标网页按 F12(Windows/Linux)或 Command + Option + I(macOS)打开开发者工具→点击顶部标签栏中的 Network 选项卡→刷新页面,确保面板中出现至少一条请求记录,否则节流下拉菜单可能灰显不可用。
用预设模式快速启用Slow 3G
适合5秒内完成基础弱网验证,无需计算参数。在Network面板左上角找到标有 No throttling 或 Online 的下拉菜单→点击后选择 Slow 3G→页面顶部会立刻出现黄色提示条“Network throttling is enabled”→此时按 Ctrl+R(Windows/Linux)或 Cmd+R(macOS)强制刷新,观察资源加载时间是否明显拉长(如JS从200ms跳至2.3s)。
添加自定义弱网配置
当预设档位无法复现你手头那个“2G信号满格但延迟飙到2秒”的现场问题时,就得手动建模。第一步:在Network面板右上角点击 ⋮ 菜单→选择 Throttling > Custom > Add;第二步:在弹出窗口中填入名称(例如“Edge_2G_HighLatency”)、Download(建议填 150 kbps)、Upload(填 50 kbps)、Latency(填 1800 ms);第三步:点击 Add 保存→新配置将直接出现在节流菜单中,下次点一下就能切换。
禁用缓存确保节流真实生效
浏览器缓存会绕过网络请求,导致你明明选了Slow 3G,图片却秒出——这不是弱网,是缓存骗了你。必须勾选Network面板顶部工具栏中的Disable cache复选框,且该操作要在启用节流后、刷新页面前完成。如果忘了这步,所有耗时数据都不可信。
用命令菜单秒切节流模式
方法一:聚焦开发者工具任意面板→按 Ctrl + Shift + P(Windows/Linux)或 Cmd + Shift + P(macOS)→输入 throttle→从列表中选择 Network Throttling: Slow 3G 回车即可启用;方法二:同上打开命令菜单→输入 no throttle→回车快速恢复默认网络行为。



















