Chrome/Edge DevTools可直接模拟弱网：打开后切至Network面板，点击右上角“…”选Network conditions，或用Ctrl+Shift+P输入该命令；勾选预设（如Slow 3G）或自定义延迟、上下行带宽；仅对http://页面生效，file://协议下功能禁用。
直接用 Chrome 或 Edge 的 DevTools 就能模拟，不用装插件、不改代码、不配代理——但必须通过 http:// 访问页面，file:// 协议下 Network 面板的模拟功能完全失效。
DevTools 里怎么打开弱网模拟
打开 DevTools（Ctrl+Shift+I 或 F12），切到 Network 标签页 → 点右上角三个点 → 选 Network conditions；或者按快捷键 Cmd+Shift+P（Mac）/Ctrl+Shift+P（Win/Linux），输入 Network conditions 回车。勾选 Online 下方的预设档位（如 Slow 3G），或自定义 Latency（延迟）、Download throughput（下载带宽）、Upload throughput（上传带宽）。
-
Slow 3G是最常用起点：约 400ms 延迟 + 400kbps 下载，接近真实弱网感知阈值 - 自定义时，
Latency设为1000以上才容易触发前端超时逻辑；Download throughput低于300（单位 kb/s）会明显卡图片和 JS 加载 - 注意：这个设置只对当前 DevTools 标签页生效，关闭 DevTools 后自动还原
为什么本地双击 HTML 打不开弱网模拟
因为浏览器在 file:// 协议下禁用所有网络限速能力——这是安全策略，不是 Bug。你看到的 Network conditions 面板依然存在，但所有选项都置灰不可用。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 必须起一个本地 HTTP 服务：比如终端执行
python3 -m http.server 8000，然后访问http://localhost:8000/index.html - VS Code 用户可装 Live Server 插件，右键 HTML 文件点
Open with Live Server - Webpack/Vite 项目直接
npm run dev，开发服务器天然支持
模拟时要注意的真实限制
DevTools 的网络模拟只作用于浏览器发起的请求（fetch、XMLHttpRequest、资源加载等），它不改变 DNS 解析时间、不模拟丢包、不干扰 WebSocket 连接状态，更不会影响 Service Worker 的缓存行为。
立即学习“前端免费学习笔记（深入）”；
- 想测丢包？得用 Charles/Fiddler 或系统级工具（如
tcon Linux） - 想确认 DNS 是否拖慢首屏？得单独用
chrome://net-internals/#dns清理并观察 - Service Worker 缓存的资源不受限速影响——即使模拟
Offline，已缓存的 JS/CSS 仍会加载成功 - 移动端 WebView 调试需连真机并开启远程调试，DevTools 模拟仅对桌面 Chrome/Edge 有效
真正难的不是“怎么开弱网”，而是判断哪些请求该降级、哪些提示该出现、哪些动画该停——这些逻辑必须靠探测（比如 fetch 超时 + RTT 统计）驱动，不能依赖 navigator.onLine，也不能靠 DevTools 里的开关自动触发。
