UD5工具箱
JSON 格式化与验证工具 - 在线JSON美化校验
在线JSON格式化与验证工具，支持JSON压缩美化、语法高亮、错误定位，浏览器本地处理保障数据安全。
输入 XML
输出结果
格式化后的 XML 将显示在这里Schema标记生成器 - 结构化数据标记JSON-LD
选择结构类型（Article, Product等），填写字段生成JSON-LD代码，嵌入网页增强搜索结果。
JWT 签发与验证工具 - 在线调试JSON Web Token
填入Payload及密钥，选择HS256/RS256算法生成JWT，并验证已签发Token的签名与过期时间。
HTML Sanitizer API演示 - 安全插入HTML
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串，并安全插入DOM。
PlantUML 编码解码器 - 在线生成图表链接
输入 PlantUML 文本，编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
Flexbox布局生成器 - 在线弹性盒可视化生成
在线Flexbox布局可视化生成器，直观调整主轴、交叉轴对齐、换行等属性，实时显示效果并输出CSS。
Trusted Types 安全浏览 - DOM XSS防护演示
展示如何用默认策略将字符串转换为TrustedHTML，并观察禁止直接赋值的安全限制。
CSS阴影生成器 - 在线Box-Shadow代码生成
可视化CSS box-shadow生成工具，拖拽调整阴影偏移、模糊、扩散、颜色，实时预览并生成代码。
色盲安全调色板推荐 - 数据可视化配色
提供多组在各色盲类型下仍可区分的定性、连续配色方案，辅助图表设计。
Open Graph标签生成器 - 社交分享Meta标签
填写标题、描述、图片等信息，自动生成符合Open Graph协议的HTML meta标签，优化社交平台分享预览。
SQL 注入载荷测试沙盒 - 安全执行并展示语法
在隔离的模拟环境中输入 SQLi 载荷，展示注入前后 SQL 语句变化，纯粹用于教学。
条形码生成器 - 在线Code128/EAN-13条码
在线条形码生成工具，支持Code128、EAN-13等多种格式，输入数字或字母生成矢量条形码，可保存为图片。
JWT 调试器增强版 - 签名验证与有效期检查
解码 JWT 三部分，验证签名（若提供密钥），检查过期时间并高亮，支持修改负载重新生成。
泰森多边形生成器 - Voronoi图在线绘制
随机生成或手动添加种子点，实时绘制泰森多边形分割区域，可导出为SVG或图片。
Web分享API测试 - 调用系统分享面板
填写标题、文本和URL，触发系统级分享菜单，测试Web Share API功能。
像素图整数倍无损放大 - 邻近插值2x/3x
使用紧邻插值算法将像素画放大两到三倍而不变模糊，保持锐利边缘。
Tailwind颜色色阶预览器 - 50到950色度
展示Tailwind CSS全套颜色(50-950)的色块，点击复制对应的类名或十六进制值。
标题大小写格式化 - APA/MLA/Chicago风格
将英文标题按所选学术风格自动处理单词的大写小写，规范写作。
MutationObserver 游乐场 - DOM变动实时记录
观察目标节点的添加、删除、属性变更，日志可视化展示，调试动态DOM的利器。
AES在线加密解密 - WebCrypto安全对称密钥
使用浏览器SubtleCrypto API实现AES-GCM或AES-CBC加密解密，可设密码短语，全前端安全。
Mustache 模板测试工具 - 无逻辑模板渲染调试
粘贴 Mustache 模板与数据 JSON，所见即所得地渲染输出，支持节段和反转节段。
面包屑结构化数据生成器 - JSON-LD 自动生成
输入面包屑导航的层级和链接，自动生成符合 Schema.org 的 BreadcrumbList 结构化数据。
Prisma Schema 可视化 - 从 schema 文件生成 ER 图
粘贴 Prisma schema 内容，自动绘制实体关系图，展示模型间关联。
Punycode编码转换工具 - 国际化域名在线解码
将非ASCII域名（如中文域名）转换为Punycode格式或还原，理解国际化域名编码机制。
WebXR 手部追踪演示 - 无控制器交互
在支持手部追踪的 XR 设备上，展示裸手交互的 VR/AR 体验。
前端NPM依赖风险检查器 - 基于公开漏洞库
粘贴package.json内容，调用公开漏洞API（演示数据）检查依赖安全性，警示高危包。
JWT在线解码调试工具 - 解析Header与Payload
解析JSON Web Token，显示Header和Payload内容及签名算法，不验证签名，方便开发调试。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目，构建类 SPA 体验。
Trusted Types安全演示 - 防止DOM XSS
展示如何通过强制Trusted Types策略阻止将未清理字符串直接赋给innerHTML。
声控灯光特效 - 根据麦克风音量变色
网页全屏彩色灯光，随麦克风捕捉的音量跳动，制造派对或直播氛围。