结构化数据 (JSON-LD) 验证器 - Schema.org 类型检测
粘贴JSON-LD,校验其是否符合Schema.org语法并预览可能触发的丰富结果类型。
UD5工具箱
interactionModel 对象。它定义了用户如何通过语音调用技能(invocationName)、技能支持哪些意图(intents)、每个意图的示例语句(samples/utterances)以及自定义槽位类型(types/slots)。该文件通常在 Alexa Developer Console 中编辑,或通过 ASK CLI 进行管理。
interactionModel → languageModel → invocationName(字符串)和 intents(数组)。name(字符串)和 samples(字符串数组,至少一条)。slots 数组,则每个 slot 必须包含 name 和 type。自定义类型需在顶层 types 数组中定义。
{slotName} 但未在 slots 中定义。AMAZON.NUMBER 误写为 Amazon.Number。invocationName 是用户唤醒技能时使用的调用短语,例如 "Alexa,打开咖啡助手"。命名规范包括:types 数组中定义,每个类型包含 name 和 values。values 数组中每个条目包含 name.value(必需)和 name.synonyms(可选,同义词数组)。示例:{
"name": "DRINK_TYPE",
"values": [
{"name": {"value": "咖啡", "synonyms": ["美式", "拿铁"]}},
{"name": {"value": "茶", "synonyms": ["绿茶", "红茶"]}}
]
}
类型名称通常使用大写蛇形命名(如 MY_CUSTOM_TYPE),以区别于 AMAZON 内置类型。
samples(示例语句)中,使用大括号引用 slot:{slotName}。例如:"我想喝一杯 {drinkType}"drinkType 必须在该 intent 的 slots 数组中定义。Slot 名称区分大小写,建议使用驼峰命名(camelCase)。一个 sample 可以包含多个 slot 引用,例如:"从 {fromCity} 到 {toCity} 的航班"。
AMAZON.NUMBER、AMAZON.DATE、AMAZON.TIME、AMAZON.DURATION、AMAZON.CITY、AMAZON.Country、AMAZON.FirstName、AMAZON.PhoneNumber、AMAZON.SearchQuery、AMAZON.Food 等。使用内置类型时无需在 types 中定义,直接在 slot 的 type 字段引用即可。注意大小写敏感,必须以 AMAZON. 前缀开头。
粘贴JSON-LD,校验其是否符合Schema.org语法并预览可能触发的丰富结果类型。
提供JSON Schema定义,自动生成符合约束的示例JSON数据,用于接口文档说明。
粘贴 JSON 数组,自动生成带搜索、排序和分页功能的数据表格组件。
使用 Temporal 提案中的对象(PlainDate, ZonedDateTime 等)进行日期运算和格式化。
提供 HTML 和 CSS,分析哪些选择器在当前页面中未被使用,提供清理建议。
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
输入 GraphQL Schema SDL,生成交互式的关系图谱,展示类型、字段及关联。
动画展示调用栈、宏任务和微任务的执行顺序,帮助理解JS异步机制。
将HTML表格转换为移动端友好的折叠行显示模式,并生成相应CSS。
按类型筛选状态码,点击查看详细描述与常见使用场景,开发调试速查手册。
编写或配置基础的CSS渐变、径向、锥形图案组合,生成美观的无缝重复背景代码。
创建多个 Worker 同时执行计算任务,对比串行与并行的效率。
粘贴 GraphQL 查询和 Schema(或模拟类型权重),计算请求的代价分,辅助限流策略。
拖拽设计包含 Subgrid 的嵌套网格,直观展示子网格如何继承父网格轨道并进行独立调整,生成代码。
粘贴 CSS 代码,分析选择器数量、特异性分布、重复声明、颜色使用情况,提供优化建议。
演示新的 CSS @scope 规则如何限定样式作用范围,对比传统 BEM 和 CSS Modules。
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
选择页眉、侧边栏、主体、页脚的网格布局,生成基本的布局骨架代码。
拖拽创建树形工作分解结构,清晰展示项目交付物与任务包,支持导出PNG/SVG,项目规划利器。
通过控件调整网格轨道、间距和对齐,实时展示效果及对应CSS代码,轻松掌握Grid。
在页面移动鼠标时显示十字参考线和像素距离,方便UI开发。
在字符网格上通过工具绘制猫、超人等各种图案,导出为.txt ASCII艺术。
可视化选择设备类型、屏幕方向和宽度范围,一键生成标准CSS媒体查询代码。
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
生成漂亮几何图案或文字占位图,指定尺寸,下载用于原型。
拖拽嵌套网格项,预览并生成使用 CSS Subgrid 对齐父子网格的代码。
输入网址,通过多个公有镜像请求检测目标站点可用性,并显示各节点状态码。
使用html2canvas截取当前网页的完整内容(需粘贴HTML或演示),生成长图并下载。
拖拽设置滚动时间线的触发范围与动画关键帧,自动生成 @scroll-timeline 及 animation-timeline CSS 代码。
输入一个对象构造器名称,以树状图显示其原型链,帮助理解 JS 继承机制。