结构化数据 (JSON-LD) 验证器 - Schema.org 类型检测
粘贴JSON-LD,校验其是否符合Schema.org语法并预览可能触发的丰富结果类型。
UD5工具箱
输入 JSON Schema 定义,自动生成符合规范的示例数据,支持所有主流数据类型与约束条件
← 在左侧输入 JSON Schema 即可生成示例数据
string(字符串)、number(数字,含整数和浮点数)、integer(整数)、boolean(布尔值 true/false)、object(对象)、array(数组)以及 null(空值)。类型可以用单个字符串表示,也可以用数组表示多种可能类型,例如 "type": ["string", "null"] 表示该字段可以是字符串或 null。
"required" 关键字来指定对象中哪些属性是必须存在的。required 是一个字符串数组,列出所有必填的属性名。例如:{"type": "object", "properties": {"name": {"type": "string"}, "age": {"type": "integer"}}, "required": ["name"]}name 是必填的,而 age 是可选的。注意,required 只检查属性是否存在,不关心属性值是否为 null。
enum 定义了一个允许值列表,数据必须等于列表中的某一个值。例如 "enum": ["red", "green", "blue"] 表示字段只能取这三个颜色之一。const 则指定了一个唯一固定值,数据必须严格等于该值(相当于只有一个选项的 enum)。例如 "const": "v2.0" 表示该字段只能是 "v2.0"。在实际使用中,enum 用于有限选项,const 用于版本标识、类型标识等固定值场景。
items 关键字用于定义数组中每个元素的 Schema。如果 items 是一个对象,则数组中所有元素都必须符合该 Schema(如 "items": {"type": "string"} 表示字符串数组)。如果 items 是一个数组,则为元组式定义——按索引位置分别校验(如 "items": [{"type": "string"}, {"type": "number"}] 表示第一个元素是字符串,第二个是数字)。配合 minItems、maxItems 和 uniqueItems 可以进一步约束数组的长度和唯一性。
$ref 是 JSON Schema 中的引用机制,允许在一个 Schema 中引用另一个已定义的结构,避免重复定义。引用路径使用 JSON Pointer 格式(如 "$ref": "#/definitions/address")。被引用的定义通常放在 definitions(draft-04~07)或 $defs(draft 2019-09+)关键字下。$ref 可以引用同一文档内的定义,也可以引用外部文件或 URL。在大型 Schema 中合理使用 $ref 可以大幅提升可维护性。本工具支持解析同一文档内的 $ref 引用并生成对应示例。
粘贴JSON-LD,校验其是否符合Schema.org语法并预览可能触发的丰富结果类型。
选择页眉、侧边栏、主体、页脚的网格布局,生成基本的布局骨架代码。
动画展示调用栈、宏任务和微任务的执行顺序,帮助理解JS异步机制。
编写或配置基础的CSS渐变、径向、锥形图案组合,生成美观的无缝重复背景代码。
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
输入 GraphQL Schema SDL,生成交互式的关系图谱,展示类型、字段及关联。
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
按类型筛选状态码,点击查看详细描述与常见使用场景,开发调试速查手册。
在字符网格上通过工具绘制猫、超人等各种图案,导出为.txt ASCII艺术。
生成用于网页游戏或展示的动态血量/进度条样式代码,支持渐变和闪烁。
将HTML表格转换为移动端友好的折叠行显示模式,并生成相应CSS。
拖拽创建树形工作分解结构,清晰展示项目交付物与任务包,支持导出PNG/SVG,项目规划利器。
拖拽设计包含 Subgrid 的嵌套网格,直观展示子网格如何继承父网格轨道并进行独立调整,生成代码。
使用html2canvas截取当前网页的完整内容(需粘贴HTML或演示),生成长图并下载。
在页面移动鼠标时显示十字参考线和像素距离,方便UI开发。
生成漂亮几何图案或文字占位图,指定尺寸,下载用于原型。
设置限制行数,生成带“更多”按钮的纯CSS或轻JS截断方案。
可视化选择设备类型、屏幕方向和宽度范围,一键生成标准CSS媒体查询代码。
通过控件调整网格轨道、间距和对齐,实时展示效果及对应CSS代码,轻松掌握Grid。
输入网址,使用浏览器渲染并转换为可下载的PDF文件(纯前端模拟)。
自定义尺寸、背景色、文字,纯前端生成占位图,适用于原型设计和网页排版,无需依赖外部服务。
为上传的照片添加可调节的三分线、斐波那契螺旋等构图辅助线。
上传HTTP Archive格式文件,生成请求瀑布图与状态统计,深入了解网页加载细节。
在可缩放网格上逐点绘制像素艺术,支持调色板、橡皮擦和导出PNG。
为应用的空白页(如无订单、无消息)生成带插画和文案的HTML/CSS占位组件。
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
输入URL或使用当前页,自动滚动并拼接为一张完整的长图。
粘贴SVG代码,移除无用命名空间、注释与默认属性,减小文件体积,提升加载速度。
上传多张连续重叠截屏,自动对齐并拼成一幅完整长图,完美展示聊天或网页。
选择基本形状(六边形、菱形等)和配色,无缝拼接生成SVG几何背景图案。