必须启用响应式设计模式并同步设置网络节流,才能真实复现移动端弱网场景;按Ctrl+Shift+M打开该模式后,在右上角节流菜单选择Slow 3G或自定义参数(如Download:12KB/s、Latency:1500ms),并禁用缓存后刷新页面验证TTFB是否延长。

要在火狐浏览器中真实复现移动端弱网加载场景,必须将设备尺寸缩放与网络带宽限制同步启用,否则单改尺寸或单设节流都无法还原用户在2G/3G信号边缘区的真实体验。
进入响应式设计模式并启用节流
这一步操作起来很简单,直接按 Ctrl + Shift + M(Windows/Linux)或 Cmd + Opt + M(macOS)即可打开响应式设计视图。注意:若快捷键无效,请先确保目标页面已完全加载,再尝试右键空白处→检查元素→顶部工具栏点“响应式设计模式”图标。
界面左上角会出现设备尺寸控件,右侧同步显示节流下拉菜单——此时节流功能才真正可调用,仅开开发者工具而不进该模式,节流选项是灰色不可选的。
选择预设节流档位
方法一:在响应式设计模式右上角节流下拉菜单中,直接选择 Slow 3G。
方法二:若需对比不同网络质量,可依次切换 Fast 3G、GPRS 或 Offline——但注意 Offline 是彻底断网,DNS 查询都会失败,它不模拟弱网,只模拟无网。
选择后页面顶部不会弹出提示条,节流立即生效,但仅作用于你接下来触发的所有新请求,已发出的资源不受影响。
创建自定义弱网参数
第一步:在节流下拉菜单中选 Custom。
第二步:点击右侧出现的 Add custom profile 链接。
第三步:填入名称如“2G_Latency1500”,关键参数必须按单位严格填写:Download: 12 KB/s(≈100 Kbps)、Upload: 5 KB/s、Latency: 1500 ms。这里 Latency 是往返延迟(RTT),不是单向;Download/Upload 单位是 KB/s,不是 Mbps——填错单位会导致节流效果偏差数倍。
第四步:点 Save,新配置即刻出现在节流菜单中,可随时切换。
验证节流是否真实起效
刷新页面前,务必勾选 Network 面板顶部的 Disable cache。缓存未禁用时,浏览器会从内存或磁盘直接返回资源,Waterfall 图里所有请求的 Stalled 和 Waiting (TTFB) 时间都不会延长,你会误判节流失效。
刷新后,在 Network 面板中逐个查看请求的 Waterfall 栏:若 Stalled 时间普遍超过 500ms,TTFB 拉长至 800ms 以上,说明节流已真实介入传输链路。


















