可在chrome开发者工具network面板中通过预设或自定义方式启用网络节流以模拟弱网环境,设置仅作用于当前标签页,支持一键切换及精确参数配置,并可随时关闭恢复真实网络。

如果您需要在谷歌浏览器中对当前网页的网络请求进行带宽限制以模拟弱网环境,可通过开发者工具的Network Throttling功能实现。该功能位于Network面板内,支持预设模式与自定义参数两种配置方式,所有节流设置仅作用于当前标签页。
一、打开开发者工具并进入Network面板
Network Throttling功能依赖于开发者工具的Network面板,必须先正确进入该界面才能进行后续操作。该面板是网络请求监控与节流配置的统一入口。
1、在谷歌浏览器中访问任意网页(如 https://example.com)。
2、按下 F12(Windows/Linux)或 Command + Option + I(macOS)打开开发者工具。
3、点击顶部标签栏中的 Network 选项卡,进入网络监控面板。

二、启用预设网络节流模式
Chrome内置多种常用网络环境预设,可一键启用,适用于快速验证页面在典型弱网条件下的行为表现,无需手动输入数值。
1、在Network面板左上角,找到标有 No throttling 的下拉菜单。
2、点击该菜单,在列表中选择一个预设项,例如 Slow 3G 或 Fast 3G。
3、选择后,面板顶部将出现黄色提示条,显示“已启用节流”。
4、按 Ctrl + R(Windows/Linux)或 Command + R(macOS)刷新页面,节流即刻生效。

三、添加自定义网络节流配置
当预设模式无法满足测试精度要求时,可通过自定义配置精确设定下载速率、上传速率及网络延迟,适用于特定带宽压测或复现真实用户网络问题。
1、在Network面板的节流下拉菜单中,点击 Add… 选项。
2、在弹出窗口中输入配置名称,例如 512Kbps Download Only。
3、在 Download (kbps) 栏填入目标值(如 512),Upload (kbps) 和 Latency (ms) 可留空或按需填写(如 0 和 100)。
4、点击 Add 按钮保存配置,新条目将出现在下拉菜单的 Custom 分类中。
5、从下拉菜单中选择刚创建的配置,刷新页面后,所有网络请求(含资源加载与文件下载)将严格受限于所设参数。

四、临时关闭节流恢复真实网络
完成节流测试后,需及时退出节流状态以便对比分析或恢复正常浏览,避免误以为当前网络本身存在异常。
1、在Network面板节流下拉菜单中,选择 Online 或 No throttling 选项。
2、黄色节流提示条随即消失,表示节流已停用。
3、刷新页面,所有资源将按设备实际网络带宽加载,可用于与节流状态下的加载时间、失败率等指标进行直接比对。











