Schema.org 结构化数据标记生成器 - JSON-LD 创建
选择数据类型(Article, Product 等)并填写属性,自动生成对应的 JSON-LD 结构化数据代码。
UD5工具箱
生成符合 Open Graph 协议的社交分享 Meta 标签,提升链接在 Facebook、Twitter、LinkedIn 等平台的展示效果。
<meta> 标签,让网页在社交平台分享时能展示结构化的富媒体卡片——包括标题、描述、缩略图等。目前已被 Facebook、Twitter、LinkedIn、Discord、Telegram 等主流平台广泛支持。website(通用网站页面)和 article(文章/博客)。其他类型包括 product(产品页)、profile(个人资料)、video.movie(视频)、book(书籍)、music.album(音乐专辑)等。选择正确的类型有助于平台更好地理解和展示你的内容。选择数据类型(Article, Product 等)并填写属性,自动生成对应的 JSON-LD 结构化数据代码。
选择结构类型(Article, Product等),填写字段生成JSON-LD代码,嵌入网页增强搜索结果。
输入 PlantUML 文本,编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
展示 WebGPU 的网格和任务着色器如何代替传统顶点处理管线。
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
解析JSON Web Token,显示Header和Payload内容及签名算法,不验证签名,方便开发调试。
在线JSON格式化与验证工具,支持JSON压缩美化、语法高亮、错误定位,浏览器本地处理保障数据安全。
在线XML格式化工具,支持XML缩进美化、语法高亮、树形结构查看及格式验证,完全在浏览器中处理。
编写 lit-html 模板和数据,即时渲染结果,帮助学习 Lit 框架。
随机提供一句引人入胜的故事开头,帮助作家克服空白页。
输入目标URL,发送预检请求,分析Access-Control-*头,诊断跨域问题。
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串,并安全插入DOM。
输入面包屑导航的层级和链接,自动生成符合 Schema.org 的 BreadcrumbList 结构化数据。
编写 Babel 插件代码,输入源代码,实时查看转换后的结果,加速插件开发。
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
在正常文字上下添加大量Unicode组合符号,产生毛刺、阴森的Zalgo效果,可调强度。
将非ASCII域名(如中文域名)转换为Punycode格式或还原,理解国际化域名编码机制。
在线条形码生成工具,支持Code128、EAN-13等多种格式,输入数字或字母生成矢量条形码,可保存为图片。
搜索附近的蓝牙低功耗(BLE)设备,并显示设备名称和ID,需用户授权。
提供模块图,编写 Rollup 插件并观察其对打包过程的影响。
在支持手部追踪的 XR 设备上,展示裸手交互的 VR/AR 体验。
掷五个虚拟骰子,自动分类计算十六条得分项并高亮最佳填充策略,辅助桌游。
为图片添加凸变或凹变扭曲,模拟超广角鱼眼镜头的夸张效果。
展示如何用默认策略将字符串转换为TrustedHTML,并观察禁止直接赋值的安全限制。
建立个人电影库,记录观看状态、评分与简短影评。
演示如何注册为分享目标,接收来自其他应用的分享内容(需PWA安装)。
在隔离的模拟环境中输入 SQLi 载荷,展示注入前后 SQL 语句变化,纯粹用于教学。
上传或搜索图片,自由排列、旋转、剪裁成灵感拼贴,适合设计师收集创意参考。