如何控制浏览器请求网路速度，模拟网络堵塞调试

本次是以谷歌浏览器为调试目标（ 设备 windows ）

1、通过右击检查或者Ctrl + Shift + I 打开DEvelop

2、找到Nextwork标签

 找到 No throttling ，当前默认选择的是没有任何节流操作 

这里可以看到他预制了几个选项，分别是：

Fast 3G：

• 下载速度：1.6 Mbps
• 上传速度：750 Kbps
• 延迟：150 ms
• 说明：模拟接近真实的较快 3G 网络条件，适用于测试移动设备在较好的 3G 网络环境下的表现。

Slow 3G：

• 下载速度：500 Kbps
• 上传速度：500 Kbps
• 延迟：400 ms
• 说明：模拟较慢的 3G 网络条件，适合测试在较差的移动网络下应用的加载和响应情况。 

Offline ：

        说明：完全断开网络连接。用于测试应用在没有网络连接时的行为，例如检查离线模式或错误处理机制。

Custom（支持自定义）：

        可根据自身需求调整合适的带宽速度

以下是修改前后对比效果 

修改前：（No throttling）969B的需要21毫秒

 

修改后 ：我这边使用的是 SLow 3G ，同等大小的数据，需要2秒才处理完，效果还是很显著的

 

还有一点值的提的是它支持自定义网络速度

在下拉里选择Custom，可以根据上面示例调整上传下载速度，达到自身需求，这个感兴趣的可以自己试一试！

希望能够帮到你！