UD5工具箱
JSON转YAML工具 - 在线配置格式互换
粘贴JSON对象，一键转换为简洁的YAML格式，方便编写配置文件。
NEON与YAML转换 - 配置文件格式互换
在NEON（Nette框架）和YAML格式之间转换配置文件，保持结构。
PHP数组转JSON - 粘贴print_r输出变JSON
粘贴PHP print_r或var_export输出，智能解析为有效的JSON。
HCL转JSON工具 - Terraform配置转换
将HashiCorp配置语言HCL代码转换为JSON格式，便于程序化处理。
package.json 文件检查器 - 验证字段与依赖规范
粘贴 package.json 内容，检查必填字段、许可证合规、依赖版本格式等常见问题。
JSON 数据转 HTML 表格 - 嵌套折叠与排序
将 JSON 数组或对象渲染为可交互的 HTML 表格，支持嵌套展开、列排序和搜索。
Base32编码解码工具 - 在线文本与Base32互转
在线Base32编码解码，实现字符串与Base32格式互转，支持RFC 4648标准，前端实时处理。
JSON 转 TypeScript 接口生成器 - 自动推断类型定义
粘贴 JSON 数据，自动生成对应的 TypeScript interface 或 type 定义，支持嵌套对象和数组。
智能字符实体替换器 - HTML敏感符号一键转换
批量将文本中的<,>,&,等转换为HTML实体，或反向还原，包含选项保留已转义实体。
JSON 结构树浏览器 - 交互展开与路径复制
粘贴JSON对象，生成可折叠的树形视图，点击节点复制其键值路径，方便调试。
HTML 表格抓取转换 - 粘贴表格 HTML 转 JSON/CSV
粘贴网页上的 HTML 表格代码，自动提取数据并转换为 JSON 或 CSV 格式下载。
JSON 转 Python 数据类定义 - dict 与 dataclass 生成
将 JSON 结构转换为 Python 字典示例或 dataclass 定义，快速生成可用的 Python 数据模型。
JSON 查询演练场 - JMESPath/JSONPath 即时评测
在可视化环境中编写JSONPath或JMESPath表达式，实时高亮匹配结果并查看路径提取逻辑。
JSONPath在线查询工具 - JSON数据路径提取
使用JSONPath表达式从复杂JSON中快速提取数据子集，支持实时匹配和高亮显示结果。
结构化数据测试 - 粘贴代码实时预览
粘贴结构化数据代码，模拟Google结构化数据测试，检查错误与丰富结果。
Webhook URL 测试器 - 自定义发送 JSON 并查看日志
向指定 Webhook URL 发送自定义 JSON 负载，查看响应状态码和内容，记录发送历史。
ETag 缓存验证演示 - 条件请求交互
模拟资源请求，对比ETag值，展示返回304 Not Modified的缓存协商机制，理解HTTP缓存。
贝塞尔缓动函数调校工具 - 自定义动画曲线
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
HTML转JSX工具 - React组件代码转换
将普通HTML标记转换为符合JSX语法的代码，自动处理class→className、行内样式对象化等。
Bookmarklet构造器 - 将任意JS转为小书签
编写JavaScript代码，自动转换为可直接拖拽至书签栏的Bookmarklet链接。
HTML转JSX/TSX工具 - 替换核心属性
将普通HTML片段一键转为React可用的JSX，处理class→className、style等。
JavaScript this 上下文测试器 - 不同调用方式下的指向
编写函数并选择调用方式（普通、方法、call、apply、箭头等），输出 this 的值。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
正则表达式在线测试工具 - JavaScript正则校验
在线正则表达式测试工具，支持JavaScript正则匹配、替换、提取等操作，即时显示匹配结果和高亮。
GraphiQL 在线查询工具 - 交互式 GraphQL 探索
连接任意 GraphQL 端点，提供智能补全、文档浏览和查询执行，类似于 GraphiQL 界面。
JSON 差异对比器 - 高亮增删改节点
输入新旧JSON，并排展示增删改的行级差异，辅助接口变动追踪。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。
CSS兼容性速查 - 属性在各浏览器支持图表
搜索CSS属性，显示其在主流浏览器的支持范围和前缀需求，快速避免踩坑。
CSS Grid可视化调试器 - 叠加网格线
为页面上使用CSS Grid的元素显示网格线和名称，辅助布局开发和调试。