网络限速模拟器

网络限速模拟器是一种开发者工具，用于模拟不同网络条件（如慢速2G、3G、4G等）下的网页加载行为。通过人为添加延迟、限制带宽和模拟丢包，它帮助开发者测试网站在弱网环境下的表现，优化用户体验，确保应用在各种网络条件下都能良好运行。

Service Worker 充当浏览器与服务器之间的代理层。当页面发起网络请求时，SW 拦截 fetch 事件，根据配置的延迟时间等待后再将请求转发到服务器；对于响应数据，SW 可以分块读取并根据带宽限制控制传输速率，从而精确模拟真实网络环境。

由于浏览器的同源策略（CORS），iframe 中的脚本无法直接 fetch 跨域资源。对于跨域URL测试，建议部署 Service Worker 到目标服务器，或使用支持 CORS 的API端点。同源URL可以完美支持所有模拟功能。

延迟（Latency）是数据包从发送到接收所需的时间，通常以毫秒（ms）为单位，主要影响连接建立速度。带宽（Bandwidth）是单位时间内可传输的数据量，以 Mbps 或 Kbps 为单位，影响大文件下载速度。两者结合才能真实模拟网络体验。

丢包模拟会在每次网络请求前按设定概率随机决定是否丢弃该请求。如果请求被"丢弃"，模拟器会返回网络错误，就像真实网络中数据包丢失一样。这有助于测试应用的重试机制和错误处理能力。

不会。页面内的 fetch 拦截仅影响当前工具页面的测试 iframe。即使部署了 Service Worker，其作用范围也仅限于注册 SW 的路径（scope）内。其他浏览器标签页不受任何影响。

建议将生成的 Service Worker 代码部署到测试/ staging 环境，而非生产环境。通过 SW 的消息传递机制，可以动态调整网络参数而无需重新部署。对于自动化测试，还可以通过 URL 参数或 postMessage API 进行程序化控制。