UD5工具箱
画中画文档演示 - Document Picture-in-Picture API
打开一个始终置顶的小窗口，在其中显示自定义内容（例如笔记/时钟），实验新API。
开发者工具箱 - 常用开发辅助工具集合
共 99+ 款工具文本相似度计算器 - 余弦相似度
输入两段英文文本，通过词频向量计算余弦相似度，衡量内容相近程度。
NPM 包下载量趋势图 - 按周/月/年展示热门包
输入包名，获取其近一年的周下载量数据并绘制折线图，分析流行度趋势。
.gitignore 构建器 - 按语言/框架选择模板
勾选项目使用的语言和框架，合并生成完整的 .gitignore 文件内容。
假地址生成器增强版 - 符合当地格式
选择国家，生成符合当地格式的随机假地址，包括街道、城市、邮编和电话号码。
PlantUML 编码解码器 - 在线生成图表链接
输入 PlantUML 文本，编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
Flexbox 高级演练场 - 所有属性可视化控制
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性，实时观察布局变化，理解弹性盒子。
表单验证演练场 - HTML5 Constraint API 演示
展示各种 HTML5 验证属性（required, pattern, min, max 等）和自定义验证消息的效果。
Git 合并冲突模拟解决器 - 练习解决冲突
模拟两个分支修改同一文件产生的冲突标记，在编辑器中手动解决并提交，学习冲突处理。
二进制文件十六进制查看器 - 上传文件检查字节
上传任何文件，以十六进制和 ASCII 对照形式显示文件字节内容，适合简单分析文件头。
占位图服务模拟器 - 本地生成指定尺寸图片
通过 Canvas 生成任意宽高的占位图，显示尺寸文字，可复制 Base64 或使用 Blob URL 模拟服务。
cURL 命令转 Fetch 代码 - 自动解析与生成
粘贴 cURL 命令，自动解析参数、头部和数据，生成对应的 Fetch API JavaScript 代码。
轻量级 API 集合运行器 - 导入 Postman Collection 运行
导入 Postman Collection JSON 文件，按顺序执行请求并显示响应，模拟简单的自动化测试。
GraphQL Schema 关系图浏览器 - 类型图谱展示
输入 GraphQL Schema SDL，生成交互式的关系图谱，展示类型、字段及关联。
OpenAPI/YAML 规范校验器 - 实时检查与错误提示
编写 OpenAPI 3.x YAML 定义，实时校验结构是否正确，高亮错误位置，辅助 API 设计。
Webhook URL 测试器 - 自定义发送 JSON 并查看日志
向指定 Webhook URL 发送自定义 JSON 负载，查看响应状态码和内容，记录发送历史。
基于模式的模拟数据生成器 - 自定义字段与规则
定义字段名称和类型（姓名、邮箱、数字范围等），批量生成符合规则的 JSON 模拟数据。
Service Worker 缓存内容查看器 - 查看缓存条目
显示当前注册的 Service Worker 所管理的 Cache Storage，查看缓存文件列表及大小。
有限状态机设计器 - 拖拽绘制状态转换图
拖放创建状态和转换，标注事件与动作，导出为图片或 JSON 定义，用于软件设计。
gRPC-Web 请求构建器 - 服务调用与响应查看
输入服务地址与方法，构造 gRPC-Web 请求，查看二进制帧与反序列化后的响应消息。
JWT 调试器增强版 - 签名验证与有效期检查
解码 JWT 三部分，验证签名（若提供密钥），检查过期时间并高亮，支持修改负载重新生成。
CSS 3D 变换沙盒 - 平移旋转缩放与透视
独立控制 perspective、rotateX/Y/Z、translateZ 等，实时查看3D卡片或立方体效果。
Webpack 打包分析器 - stats.json 可视化
上传 webpack 的 stats.json，生成交互式树状图、模块大小排名，辅助优化构建体积。
事件监听器查看器 - 获取指定元素绑定事件
选择 DOM 元素，列出通过 addEventListener 绑定的所有事件及其类型和监听器（可用时）。
正则替换捕获组测试器 - $1/$2 引用预览
编写正则表达式并指定替换模式（如 '$1-$2'），实时查看文本替换结果，支持命名捕获组。
structuredClone 深度克隆测试器 - 对象对比
输入复杂对象，使用 structuredClone 进行深拷贝，并对比原始对象与克隆体，展示可拷贝类型。
全平台 Favicon 生成器 - 适配 iOS/Android/Windows
上传图标，一键生成适用于各种设备和浏览器的 favicon 及 manifest 图标集，包含 HTML 代码。
Zstandard 压缩浏览器演示 - WASM 版本
利用编译为 WASM 的 Zstd 库在浏览器中压缩解压数据，展示比 Brotli 更快的压缩速度。
Origin Trial 令牌解析与测试器 - 新特性试用
验证 Origin Trial 令牌的有效性与作用域，显示令牌启用的实验功能列表及过期时间。
Contact Picker API 属性选择器 - 获取联系人信息
通过浏览器原生界面选择联系人，获取姓名、电话、邮箱等字段，用于分享或填写表单。
requestIdleCallback 任务调度演示 - 空闲时间利用
模拟在主线程繁忙时插入低优先级任务，观察 requestIdleCallback 如何将任务推迟到空闲周期执行。
Reporting API 错误仪表板 - CSP/拦截报告收集
模拟接收浏览器发送的 CSP 违规、网络错误等报告，格式化为可读卡片，了解前端监控最佳实践。
Storage Buckets API 实验室 - 分区存储策略
创建多个存储桶，分别设置持久化与配额策略，管理不同业务数据的存储优先级与驱逐顺序。
Web OTP API 验证演示 - 短信动态码自动填入
模拟接收包含一次性密码的短信，展示 navigator.credentials.get({otp}) 如何自动提取 OTP 并填入表单。
多屏幕窗口放置演示 - 扩展桌面布局
检测并列举所有显示器，将网页窗口精确定位到指定屏幕的特定位置，适合多屏办公场景。
Web Share API 实战实验室 - 分享内容组合测试
组合标题、文本、URL 和文件，调用系统原生分享界面，测试不同浏览器和操作系统的分享行为。
Web NFC NDEF 消息构建器 - 写入与读取标签
构造文本、URL、MIME 等 NDEF 记录并写入 NFC 标签，同时可读取解析标签内容，适合现场调试。
WebGPU 渐变渲染性能对比 - GPU vs CPU 绘制
分别使用 WebGPU 和 Canvas 2D 绘制复杂渐变，实时对比帧率与 CPU/GPU 占用，展示硬件加速优势。
<dialog> 模态框设计向导 - 原生对话框样式器
自定义原生 <dialog> 元素的样式、动画和遮罩效果，一键复制生成语义化且无障碍的模态框代码。
CSS Subgrid 布局构建器 - 对齐嵌套网格轨道
拖拽设计包含 Subgrid 的嵌套网格，直观展示子网格如何继承父网格轨道并进行独立调整，生成代码。
页面生命周期事件演示 - freeze/resume等
展示页面从active到frozen等状态切换事件，记录日志，帮助理解浏览器优化机制。
CI/CD流水线可视化编辑器 - 阶段与任务设计
拖拽构建阶段与任务，配置触发条件，生成对应的GitLab CI或GitHub Actions YAML代码。
API速率限制模拟器 - 滑动窗口与令牌桶
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法，实时请求计数与拒绝逻辑。
SQLite WebAssembly 浏览器端演示 - 离线数据库
在浏览器中运行完整的SQLite数据库，创建表、插入查询数据，体验客户端强大的SQL能力。
HTTP公钥固定（HPKP）模拟演示 - 证书管理
输入域名和证书公钥哈希，模拟HPKP策略的配置与验证过程，理解其工作原理。
设备磁力计演示 - 指南针与磁场强度
读取设备磁力计数据，显示磁场强度与方向，模拟指南针，展示Web Magnetometer API用法。
WebSocket 压缩扩展演示 - permessage-deflate 效果
建立带压缩扩展的 WebSocket 连接，对比压缩前后消息大小。
ES Module 与普通脚本对比演示 - 作用域与加载
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
Resource Timing 缓冲区管理 - 处理大量资源计时
设置资源计时缓冲区大小，监听 resourcetimingbufferfull 事件并处理。
SharedArrayBuffer 通信演示 - 跨 Worker 共享内存
在主线程和 Worker 之间使用 SharedArrayBuffer 和 Atomics 进行同步通信。
Web Locks API 探索器 - 跨标签页资源协调
获取和释放命名锁，观察多个标签页如何排队等待资源访问。
XSS 过滤器绕过测试场 - 安全编码演示
尝试输入各种编码和混淆的 XSS 向量，检查是否被过滤或执行（沙盒环境）。
CORS 请求构建器 - 自定义跨域请求头测试
构建带有自定义头和方法复杂跨域请求，检查预检与响应。
Origin Trial 令牌解析器 - 查看实验性功能有效期
输入 origin trial token，解析出启用的特性、域名和过期时间。
Go 语言 WebAssembly 演练 - 编译 Go 代码到浏览器运行
编写 Go 代码并在线编译为 WASM，在浏览器中调用并显示输出。
WebGPU 计算着色器演示 - 并行矩阵乘法
使用 WebGPU 编写计算着色器执行矩阵乘法，对比 CPU 性能。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目，构建类 SPA 体验。
内容索引 API 查看器 - 管理离线可用内容列表
添加、列出和删除内容索引中的条目，展示离线可用内容。
Web NFC 写入演示 - 向 NFC 标签写数据
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
URL.canParse 测试器 - 安全检测 URL 有效性
输入字符串并使用 URL.canParse() 判断是否为有效 URL，不抛出异常。