Chrome开发者工具Network面板支持网络节流，可模拟Slow 3G等预设环境或自定义带宽/延迟参数，并配合Disable cache和Command Menu实现精准弱网测试。
如果您需要在Chrome浏览器中测试网页在不同网络环境下的加载表现，则可以利用开发者工具中的网络节流功能模拟弱网、3G、4G等真实网络条件。以下是具体操作与配置方法：
一、打开开发者工具并进入Network面板
该步骤是启用网络节流的前提，确保开发者工具已正确调出并定位到网络监控模块，以便后续设置生效。
1、在Chrome浏览器中打开目标网页。
2、按下 F12 或右键页面空白处选择“检查”以打开开发者工具。
3、点击顶部标签栏中的 Network 面板。
二、启用网络节流功能
Network面板默认不启用节流，需手动从下拉菜单中选择预设网络配置或自定义参数，使浏览器强制限制请求带宽与延迟。
1、在Network面板底部找到 No throttling 下拉菜单（若未显示，请确保已勾选左上角的录制图标 ▶️）。
2、点击下拉箭头，从预设选项中选择所需网络类型，例如 Slow 3G、Fast 3G、4G 或 Offline。
3、刷新页面，观察请求时间、资源加载顺序及渲染变化，确认节流已生效。
三、自定义网络节流参数
预设档位无法满足特定测试需求时，可通过添加自定义配置精确控制下载速度、上传速度和网络延迟，适用于更严苛的性能验证场景。
1、在Network面板底部的节流下拉菜单中，选择 Custom 项。
2、点击右侧出现的 Add custom profile 链接。
3、在弹出窗口中输入名称，如“2G_LTE_Fallback”，并分别设置 Download (kbps)、Upload (kbps) 和 Latency (ms) 数值，例如：50 / 20 / 800。
4、点击 Save 后，新配置将出现在节流菜单中，可随时切换使用。
四、结合Disable cache进行纯净弱网测试
浏览器缓存可能掩盖真实网络延迟问题，关闭缓存可确保每次资源均走网络请求路径，提升节流测试结果的准确性。
1、在Network面板顶部工具栏中，勾选 Disable cache 复选框。
2、确认当前处于节流模式（如 Slow 3G），且页面处于未加载状态。
3、按 Ctrl+R（Windows/Linux）或 Cmd+R（macOS）强制刷新页面，避免使用缓存资源。
五、使用Command Menu快速切换节流模式
对于高频切换测试环境的用户，可通过快捷命令面板绕过鼠标操作，直接调用节流配置，提升调试效率。
1、在开发者工具任意焦点状态下，按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（macOS）打开命令菜单。
2、输入关键词 throttle，列表中将显示“Network Throttling”相关选项。
3、选择目标节流配置，如 Network Throttling: Fast 3G，回车即可立即应用。
