UD5工具箱
网络限速模拟器 - 通过Service Worker延迟
注册一个Service Worker拦截请求并人为添加延迟，模拟慢速2G/3G网络效果。
网络速度模拟器
模拟不同网络环境下的延迟与带宽，直观感受 2G 到 5G 的网络体验差异
5G
4G LTE
3G
2G
WiFi
自定义
自定义参数调节
跟随预设
0ms500ms1000ms2000ms
10Kbps1Mbps10Mbps500Mbps
当前网络状态
延迟 (RTT)
10
毫秒 (ms)
带宽
100
Mbps
适用场景：
4K视频、云游戏、实时协作
下载模拟测试
当前网络 (5G · 100Mbps · 10ms)
就绪
基准对比 (5G · 100Mbps · 10ms)
就绪
网页加载模拟
常见问题与知识点
什么是网络延迟（Latency）？延迟对上网体验有什么影响？
网络延迟（Latency）是指数据从发送端传输到接收端所需的时间，通常以毫秒（ms）为单位。延迟越低，响应越快。
延迟对体验的影响：
• 0-30ms：理想状态，适合在线游戏、视频会议
• 30-100ms：良好，网页浏览流畅
• 100-300ms：可感知的卡顿
• 300ms+：明显延迟，实时应用体验差
带宽（Bandwidth）和延迟有什么区别？
带宽指的是单位时间内能传输的数据量（如Mbps），类似水管的粗细；延迟是数据到达的时间，类似水流的速度。
高带宽低延迟 = 高速公路，车多且快
高带宽高延迟 = 宽马路但红绿灯多
低带宽低延迟 = 小路但畅通无阻
2G、3G、4G、5G 网络速度差异有多大？
各代移动网络大致参数：
- 2G (GPRS/EDGE)：延迟300-600ms，带宽约50-150Kbps，仅支持文字浏览
- 3G (UMTS/HSPA)：延迟80-150ms，带宽1-5Mbps，可流畅浏览图片
- 4G (LTE)：延迟30-60ms，带宽10-50Mbps，支持高清视频
- 5G：延迟5-15ms，带宽100-500Mbps+，支持4K/8K视频、云游戏
为什么我家的宽带标称100Mbps，实际下载速度只有10MB/s左右？
这是因为单位不同：宽带速度用Mbps（兆比特/秒），而下载速度显示为MB/s（兆字节/秒）。1字节=8比特，所以100Mbps ÷ 8 ≈ 12.5MB/s，接近理论最大值时约为10-12MB/s是正常的。
如何优化我的网络体验？
优化建议：
• 使用有线连接代替WiFi以减少干扰
• 将路由器放置在房屋中央位置
• 定期重启路由器
• 选择5GHz频段（距离近时速度更快）
• 关闭后台占用带宽的应用
• 考虑升级宽带套餐或Mesh组网
网络速度单位换算 - Mbps/MB/s/Kbps 互转
在不同网络速度单位（bps, Kbps, Mbps, Gbps, KB/s, MB/s）之间即时转换。
API响应模拟器 - JSON延迟/错误自定义
定义端点、JSON响应体和延迟毫秒，模拟后端API供前端本地开发调试。
CSS缓动效果可视化工具 - 动画速率对比
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异，辅助选择合适曲线。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
content-visibility 性能演示 - 跳过渲染不可见区域
对长列表应用 content-visibility:auto，对比启用前后渲染时间和内存占用。
requestAnimationFrame 监控器 - 实时 FPS 与帧时间
显示当前页面动画的帧率、单帧耗时和丢帧比例，辅助流畅度调试。
X-Forwarded-For 模拟器 - 代理链 IP 追加演示
模拟多层代理逐步添加 X-Forwarded-For 头的过程，理解如何获取真实客户端 IP。
键盘布局检测器 - 识别物理按键映射
通过按下键位记录code和key值，推断当前键盘布局（如QWERTY、AZERTY）。
质因数分解练习器 - 限时分解随机数
随机给出整数，在输入框中填写其全部质因数分解式，验证数学熟练度。
OffscreenCanvas 性能测试 - 主线程 vs Worker 渲染速度
分别在主线程和 Worker 中使用 Canvas 执行密集绘制，对比 FPS 和主线程阻塞程度。
API状态码测试 - 快速查看HTTP响应
向任意输入URL发送请求，清晰显示响应状态码、头信息和体，类似轻量级Postman。
快捷键冲突检测与解决方案 - 输入组合查看占用
输入一组快捷键，检测在主流操作系统和浏览器中是否已被系统或软件占用。
响应式设计测试工具 - 多分辨率视口预览
在线响应式布局测试器，同时预览常见设备分辨率的网页显示效果，帮助检查前端适配。
自适应阈值二值化 - 局部光照不均处理
将光照不均匀的文档照片进行局部自适应阈值处理，清晰提取文字和线条。
HTTP 方法测试器 - GET/POST/PUT/DELETE 等演示
向指定 URL 发送不同 HTTP 方法的请求，显示响应状态码、头部和主体，学习 RESTful API。
间隔重复日程生成器 - 输入学习内容自动排期
添加知识点，按艾宾浩斯曲线自动生成未来几周的复习日期提醒。
资源提示标签生成器 - dns-prefetch/preconnect/preload
根据输入的外部域名，生成 dns-prefetch、preconnect 和 preload 标签。
HTML实体速查表 - 特殊字符编码Ref
常用HTML实体编码（如© ©）的图形化速查表，点击即可复制实体名称或数字代码。
对角线数独求解器 - X数独限制增加难度
支持标准及X数独（两条主对角线额外区域）的输入与逐步求解，逻辑提示每一步。
CORS 预检请求测试器 - 发送 OPTIONS 分析响应
向指定 URL 发送预检请求，分析 Access-Control-* 响应头是否符合预期。
错误代码速查器 - 常见报错及解决建议
输入常见的报错片段，基于静态库返回常见的解释和可能的修复方案。
动画帧率分析器 - requestAnimationFrame 监控
显示当前页面动画的实时 FPS 图表，检测掉帧和卡顿，辅助性能优化。
GIF播放速度调节器 - 逐帧减慢或加快
上传GIF，通过滑块改变帧间延迟实时预览变速效果，并下载修改后的动图。
当前页面HTTP头查看 - fetch请求获取响应头
发起请求获取当前URL或任意允许CORS的URL的Response Headers，展示详情。
代码竞速计分板 - 字符数统计
输入代码并自动去除无意义空格，统计有效字符数，用于Code Golf比赛。
HTTP/2 Server Push测试 - Link头解析
粘贴Link rel=preload头字段，解析展示服务器计划推送的资源列表。
content-visibility: auto 性能演示 - 跳过渲染优化
对比启用和不启用 content-visibility: auto 时页面大量列表的渲染性能差异。
Import Map 演示 - 浏览器端模块映射实验
编写 HTML 和 import map，在浏览器中直接导入裸标识符模块并执行。
接水管旋转谜题 - 连通所有电脑到服务器
旋转方格中的管子，使所有电脑都联入中心服务器。