结构化数据代码快速检查 - 验证 JSON-LD 语法与必填属性
粘贴 JSON-LD 代码,校验语法并提示常见类型的必填属性缺失,辅助 SEO 调试。
UD5工具箱
自动检测 JSON/XML 格式,一键美化、压缩、复制。支持 URL 解码,让原始载荷一目了然。
等待格式化...
%7B%22name%22%3A%22... 这样的格式,说明它经过了 URL 编码。许多 Webhook 发送方(尤其是表单提交场景)会对载荷进行 URL 编码。请打开本工具的「URL 解码」开关,工具会在格式化前自动进行解码,还原原始数据结构。
&(&)、<(<)、>(>)、"(")、'(')。在格式化 XML 载荷时,这些实体应保持原样,不应被解码。本工具在格式化 XML 时会保留这些实体,确保数据完整性。如果您的载荷中包含了未转义的特殊字符导致 XML 解析失败,请先在源头进行正确的 XML 编码。
粘贴 JSON-LD 代码,校验语法并提示常见类型的必填属性缺失,辅助 SEO 调试。
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
粘贴SVG代码,自动转换为React函数组件格式,处理属性名驼峰化。
粘贴JSON示例数据,自动分析并生成对应的JSON Schema,支持类型推断和必填标记。
粘贴SVG代码,将其转换为可复用的React组件,注意驼峰属性名和自闭合标签。
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
在两个不同形状的SVG路径间自动生成流畅的过渡变形动画SMIL代码。
录制一段音频,实时添加机器人、外星人、回声等音效并下载,不依赖服务器。
配置监听目标,实时显示DOM节点的增删改及属性变化,辅助AJAX内容调试。
直观拖拽曲线控制点,生成CSS transition/animation的cubic-bezier()值,并即时播放动画效果预览。
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
在线调节振幅、频率和层数,生成平滑的SVG波浪图形,直接复制代码或下载SVG。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
编写 Go 代码并在线编译为 WASM,在浏览器中调用并显示输出。
可视化调整cubic-bezier和steps()缓动,并可实时看到动画球左右移动。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
在线颜色格式转换器,实现RGB、HEX、HSL、HSV等颜色代码互相转换,实时预览颜色效果。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
支持多语言字符分割,准确统计汉字、英文单词、日文假名数量,并评估社交媒体发文长度。
配置SVG路径的描边虚线偏移动画,生成引人注目的自绘线条特效代码。
生成网页加载时左右幕帘缓缓拉开的开幕式动画,自定义颜色和速度。
选择不同的混合模式并调整背景与前景,实时查看混合效果,支持所有标准混合模式。
生成可平铺的细微颗粒、皱纸或帆布质感SVG滤镜,用于网页高级感。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
拖拽控制点自由绘制二次和三次贝塞尔曲线,导出为SVG path或Canvas绘图命令。