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