UD5工具箱
焦点顺序书签工具 - 一键可视化 Tab 键路径
生成一个浏览器书签，点击后在当前页面用数字标注所有可聚焦元素的 Tab 导航顺序。
在线调试与诊断
共 26+ 款工具Svelte 反应式声明查看器 - 可视化 $: 依赖链
解析 Svelte 组件的反应式声明，绘制变量之间的依赖关系链，便于理解更新逻辑。
Source Map 可视化分析模拟器 - 查看编译前后代码映射
上传或粘贴 source map 文件，展示原始代码与编译后代码的对应关系，辅助调试。
Console 日志样式预览 - %c 格式化输出效果测试
编辑 %c 占位符和 CSS 样式，实时查看控制台输出效果，微调后再用于实际调试。
内存泄漏模拟器 - 故意创建泄漏并观察堆增长
通过不断添加未释放的 DOM 引用或全局变量，展示 JS 堆内存的增长过程。
WebSocket 消息检查器 - 拦截并可视化收发数据
代理 WebSocket 连接，实时拦截并展示所有文本/二进制消息，支持过滤和搜索。
前端错误监控面板 - 捕获并展示 JS 异常
监听全局错误事件和未处理的 Promise 拒绝，在仪表板上展示错误堆栈和发生次数。
打印媒体查询模拟器 - 实时切换屏幕与打印视图
一键切换当前页面的 media 类型为 screen 或 print，方便调试打印样式。
Chrome DevTools Protocol 命令构建器 - 生成调试命令
浏览 Chrome DevTools Protocol 域和方法，填充参数生成 JSON 命令，用于远程调试。
Cookie 罐检查器 - 详细展示所有属性与来源
列出当前页面所有 Cookie，包括 SameSite、Secure、Domain、Path 等完整信息。
Periodic Sync 事件模拟器 - 手动触发并查看结果
在开发环境中模拟 periodicSync 事件，触发后查看 SW 中的处理逻辑和网络请求。
开发者Cookie编辑器 - 修改值和属性
方便地查看、编辑、删除和添加当前页面的Cookie，带导入导出。
Webhook 请求捕获器 - 临时 URL 接收并查看载荷
生成一个一次性 URL，用于接收 webhook 请求，实时显示请求头、体和时间。
错误堆栈追踪解析器 - 提取源映射位置
粘贴带有 source map 的错误堆栈，解析出原始源代码位置，便于定位问题。
Webhook载荷美化器 - JSON/XML自动缩进
粘贴原始Webhook请求体，自动识别并格式化，便于阅读调试。
IDB-Keyval 管理器 UI - 简单键值对数据库操作界面
提供一个用户界面来 get/set/del 基于 idb-keyval 库存储的数据，方便调试。
日志文件实时浏览模拟 - 粘贴并自动滚动
粘贴多行日志，自动滚动到底部，并支持关键字高亮筛选。
MIDI信息监视器 - 连接设备查看音符/控制
通过Web MIDI API连接键盘，实时显示收到的音符开/关与控制器变化。
随机User-Agent轮换器 - API测试防检测
从内置库随机选取主流浏览器的User-Agent字符串，一键复制用于请求头。
MutationObserver 游乐场 - DOM变动实时记录
观察目标节点的添加、删除、属性变更，日志可视化展示，调试动态DOM的利器。
事件监听器查看器 - 获取指定元素绑定事件
选择 DOM 元素，列出通过 addEventListener 绑定的所有事件及其类型和监听器（可用时）。
z-index层级可视化 - 拖拽相互遮挡关系
添加多个色块拖拽顺序，直观表现层叠上下文与z-index值。
Webhook 接收模拟器 - 查看外发请求体
生成临时唯一URL，展示接收到的Webhook请求头与体，便于本地开发调试回调。
简易 JS 内存性能分析器 - 对象分配追踪
手动触发创建大量对象，监控 performance.memory 的变化，初步判断内存增长趋势。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
User-Agent 深度解析器 - 设备/OS/浏览器类型细分
解析任何User-Agent字符串，返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。