UD5工具箱
Web 推送通知调试器 - 检查订阅与推送参数
展示当前推送订阅详情，解析 VAPID 公钥，模拟接收推送事件，方便开发阶段测试。
标签： 调试工具 - 代码排错与运行
共 29+ 款工具Brainfuck在线解释器 - 步进调试
编写Brainfuck代码，以可视化的方式步进执行，观察活动纸带和指针。
开发者Cookie编辑器 - 修改值和属性
方便地查看、编辑、删除和添加当前页面的Cookie，带导入导出。
HTTP请求构造器 - 自定义Method/Header/Body
手动构建HTTP请求，选择方法，填写头和主体，发送并查看完整响应。
本地HTTPS代理演示 - 请求转发排查
通过Service Worker或本地fetch模拟拦截和转发请求，查看修改后的请求响应。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
MIDI信息监视器 - 连接设备查看音符/控制
通过Web MIDI API连接键盘，实时显示收到的音符开/关与控制器变化。
网页元数据查看器 - Open Graph/Twitter Card
输入网址，抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
CSS Grid可视化调试器 - 叠加网格线
为页面上使用CSS Grid的元素显示网格线和名称，辅助布局开发和调试。
响应式断点调试器 - 顶部标尺显示
在页面顶部显示一个悬浮标尺，实时显示当前视口宽度及常用断点线（768px等）。
触摸事件详细信息查看 - 半径/压力/角度
显示触摸事件的触摸点数量、每个点的坐标、触控半径和压力值，调试移动端。
CSS动画录制回放器 - 捕获并微调关键帧
手动播放一个动画，录制元素实际位置变化，反向生成@keyframes。
响应式测试互动盒 - 输入代码观看不同尺寸
粘贴HTML/CSS片段，拖动视口调整宽度，实时观察布局变化。
触摸事件探查器 - 多点触控详细数据记录
实时显示touchstart/move/end事件的所有属性：坐标、力度、半径与角度，辅助手势开发。
Webhook 接收模拟器 - 查看外发请求体
生成临时唯一URL，展示接收到的Webhook请求头与体，便于本地开发调试回调。
事件监听器查看器 - 获取指定元素绑定事件
选择 DOM 元素，列出通过 addEventListener 绑定的所有事件及其类型和监听器（可用时）。
Webhook载荷美化器 - JSON/XML自动缩进
粘贴原始Webhook请求体，自动识别并格式化，便于阅读调试。
HTML空格实体可视化 - 查看不可见空白
显示文本中的非换行空格、全角空格等隐藏字符映射。
Open Graph 标签在线调试器 - 富媒体预览模拟
输入URL提取OG标签，模拟Facebook/Twitter/LinkedIn卡片显示效果，优化链接分享。
浏览器Cookie编辑器 - 增删改查
以表格形式查看当前页所有Cookie，可修改值、有效期、属性或删除。
LocalStorage查看器 - 浏览器存储键值探查
实时查看当前域名下所有localStorage键值对，支持编辑、删除和导出，前端调试利器。
JWT 调试器增强版 - 签名验证与有效期检查
解码 JWT 三部分，验证签名（若提供密钥），检查过期时间并高亮，支持修改负载重新生成。
简易内存泄漏检测 - 快照对比
对页面进行两次堆快照(需手动操作)，简单对比新增对象数量和大小。
Cookie管理工具 - 浏览器Cookie读/写/删
查看当前网站所有Cookie的详情，支持新增、修改值、删除和设置有效期，理解HTTP状态。
Web USB调试工具 - 连接Arduino等设备
请求USB设备并列出接口，发送和接收数据，适用于调试兼容WebUSB的微控制器。
WebSocket在线测试工具 - 连接/发送消息调试
输入WebSocket服务地址，建立连接，发送和接收消息，方便调试实时通信应用。
WebHID设备信息查看 - 连接HID外设
列出已连接的HID设备，获取产品名和供应商ID，并可监听输入报告。
Service Worker缓存查看与调试 - 列出缓存条目
枚举当前作用域下的所有Cache Storage，查看资源条目和所占空间，支持手动清理。
Web串口控制台 - Serial API发送接收
请求串口权限，向设备发送文本命令并显示接收数据，用于嵌入式调试。