UD5工具箱
JSON转YAML工具 - 在线配置格式互换
粘贴JSON对象，一键转换为简洁的YAML格式，方便编写配置文件。
YAML与JSON在线互转工具
YAML
JSON
快速填充示例：
常见问题
YAML 是一种人类可读的数据序列化标准，常用于配置文件（如 Docker、Kubernetes、Spring）。它使用缩进表示层级关系，支持注释、多种日期和时间格式，比 JSON 更易读写。
- 可读性：YAML 使用缩进和自然语言风格，JSON 使用大括号和引号，YAML 对人更友好。
- 注释：YAML 支持
#注释，JSON 不允许注释。 - 数据类型：YAML 原生支持日期、时间、布尔值、null 等，JSON 只有字符串、数字、布尔、数组、对象、null。
- 复杂度：JSON 结构严格，解析速度快；YAML 功能丰富但解析稍慢，且缩进敏感容易出错。
是的，从 YAML 转 JSON 时注释会被丢弃，因为 JSON 规范不支持注释。反之，从 JSON 生成的 YAML 也不会包含注释。
本工具基于 js-yaml 库，支持 YAML 1.2 规范，包括多层嵌套、列表、字符串（单引号/双引号/块字符串）、多行文本、锚点与别名等。但自定义标签、复杂的高级数据类型可能在转换时被忽略或简化。
转换后的 JSON 默认使用 2 个空格缩进，结构清晰。YAML 输出同样采用标准缩进。您可以直接复制使用，或按需调整缩进。
请检查输入内容是否符合 YAML 或 JSON 语法。常见错误包括：YAML缩进不一致、使用了非法字符、JSON 缺少引号或逗号。工具会在错误区域显示具体错误行号和原因，帮助您定位问题。
NEON与YAML转换 - 配置文件格式互换
在NEON（Nette框架）和YAML格式之间转换配置文件，保持结构。
PHP数组转JSON - 粘贴print_r输出变JSON
粘贴PHP print_r或var_export输出，智能解析为有效的JSON。
HCL转JSON工具 - Terraform配置转换
将HashiCorp配置语言HCL代码转换为JSON格式，便于程序化处理。
JSON 数据转 HTML 表格 - 嵌套折叠与排序
将 JSON 数组或对象渲染为可交互的 HTML 表格，支持嵌套展开、列排序和搜索。
Base32编码解码工具 - 在线文本与Base32互转
在线Base32编码解码，实现字符串与Base32格式互转，支持RFC 4648标准，前端实时处理。
智能字符实体替换器 - 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等。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
正则表达式在线测试工具 - JavaScript正则校验
在线正则表达式测试工具，支持JavaScript正则匹配、替换、提取等操作，即时显示匹配结果和高亮。
JSON 差异对比器 - 高亮增删改节点
输入新旧JSON，并排展示增删改的行级差异，辅助接口变动追踪。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。
CSS兼容性速查 - 属性在各浏览器支持图表
搜索CSS属性，显示其在主流浏览器的支持范围和前缀需求，快速避免踩坑。
CSS Grid可视化调试器 - 叠加网格线
为页面上使用CSS Grid的元素显示网格线和名称，辅助布局开发和调试。
BroadcastChannel同步器 - 同源跨标签页通信
打开多个同源页面，通过Broadcast Channel API实时同步消息或状态变化。
gRPC-Web 一元调用测试器 - 发送请求并查看序列化
输入 gRPC 服务地址和方法，构造 JSON 请求体，观察转为二进制帧并接收响应解码。
CSS缓动函数试玩场 - 所有预设一览
并列播放所有CSS内置缓动函数（ease, linear等）的动画效果，方便对比选择。
JavaScript循环性能测试 - 比较多种写法
在浏览器中即时测试for、forEach、map、for-of等循环的执行速度，帮助选择最优写法。