网页元数据查看器 - Open Graph/Twitter Card
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
UD5工具箱
或点击选择文件 | 支持 .har / .json 格式
上传 HAR 文件或加载示例数据开始分析
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
拖拽创建树形工作分解结构,清晰展示项目交付物与任务包,支持导出PNG/SVG,项目规划利器。
输入 GraphQL Schema SDL,生成交互式的关系图谱,展示类型、字段及关联。
粘贴 JSON 数组,自动生成带搜索、排序和分页功能的数据表格组件。
提供JSON Schema定义,自动生成符合约束的示例JSON数据,用于接口文档说明。
粘贴JSON-LD,校验其是否符合Schema.org语法并预览可能触发的丰富结果类型。
粘贴 GraphQL 查询和 Schema(或模拟类型权重),计算请求的代价分,辅助限流策略。
使用html2canvas截取当前网页的完整内容(需粘贴HTML或演示),生成长图并下载。
粘贴 Alexa 技能交互模型 JSON,验证格式并检查常见错误。
创建多个 Worker 同时执行计算任务,对比串行与并行的效率。
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
动画展示调用栈、宏任务和微任务的执行顺序,帮助理解JS异步机制。
通过控件调整网格轨道、间距和对齐,实时展示效果及对应CSS代码,轻松掌握Grid。
在页面移动鼠标时显示十字参考线和像素距离,方便UI开发。
选择页眉、侧边栏、主体、页脚的网格布局,生成基本的布局骨架代码。
输入网址,通过多个公有镜像请求检测目标站点可用性,并显示各节点状态码。
自定义尺寸、背景色、文字,纯前端生成占位图,适用于原型设计和网页排版,无需依赖外部服务。
加载本地视频,拖动时间轴选取帧,捕获该帧为PNG图片下载。
拖拽嵌套网格项,预览并生成使用 CSS Subgrid 对齐父子网格的代码。
生成漂亮几何图案或文字占位图,指定尺寸,下载用于原型。
编写 API Blueprint 标记,实时预览生成的 HTML 文档,方便 API 设计。
按类型筛选状态码,点击查看详细描述与常见使用场景,开发调试速查手册。
使用 Temporal 提案中的对象(PlainDate, ZonedDateTime 等)进行日期运算和格式化。
简洁的待办事项管理工具,支持添加、完成、删除任务,数据保存在浏览器本地存储中,刷新不丢失。
为上传的照片添加可调节的三分线、斐波那契螺旋等构图辅助线。
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
选择请假类型,填写日期与原因,自动生成格式规范的请假条,可直接打印或分享给审批人。
在字符网格上通过工具绘制猫、超人等各种图案,导出为.txt ASCII艺术。
在可缩放网格上逐点绘制像素艺术,支持调色板、橡皮擦和导出PNG。
使用 CompressionStream 和 DecompressionStream 对文本进行 gzip/deflate 处理。