lit-html 模板测试器 - 在线编写并渲染 Lit 模板
编写 lit-html 模板和数据,即时渲染结果,帮助学习 Lit 框架。
Schema.org 结构化数据标记生成器 - JSON-LD 创建
选择数据类型(Article, Product 等)并填写属性,自动生成对应的 JSON-LD 结构化数据代码。
CSS阴影生成器 - 在线Box-Shadow代码生成
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
Punycode编码转换工具 - 国际化域名在线解码
将非ASCII域名(如中文域名)转换为Punycode格式或还原,理解国际化域名编码机制。
Prisma Schema 可视化 - 从 schema 文件生成 ER 图
粘贴 Prisma schema 内容,自动绘制实体关系图,展示模型间关联。
Open Graph标签生成器 - 社交分享Meta标签
填写标题、描述、图片等信息,自动生成符合Open Graph协议的HTML meta标签,优化社交平台分享预览。
JWT在线解码调试工具 - 解析Header与Payload
解析JSON Web Token,显示Header和Payload内容及签名算法,不验证签名,方便开发调试。
SQL 注入载荷测试沙盒 - 安全执行并展示语法
在隔离的模拟环境中输入 SQLi 载荷,展示注入前后 SQL 语句变化,纯粹用于教学。
WebGPU 网格着色器演示 - 新一代渲染管线
展示 WebGPU 的网格和任务着色器如何代替传统顶点处理管线。
Mustache 模板测试工具 - 无逻辑模板渲染调试
粘贴 Mustache 模板与数据 JSON,所见即所得地渲染输出,支持节段和反转节段。
Schema标记生成器 - 结构化数据标记JSON-LD
选择结构类型(Article, Product等),填写字段生成JSON-LD代码,嵌入网页增强搜索结果。
Babel 插件在线测试器 - 开发并验证自定义插件
编写 Babel 插件代码,输入源代码,实时查看转换后的结果,加速插件开发。
JSON 格式化与验证工具 - 在线JSON美化校验
在线JSON格式化与验证工具,支持JSON压缩美化、语法高亮、错误定位,浏览器本地处理保障数据安全。
情绪板/灵感拼贴在线制作器
上传或搜索图片,自由排列、旋转、剪裁成灵感拼贴,适合设计师收集创意参考。
XML 格式化与验证工具 - 在线XML美化
在线XML格式化工具,支持XML缩进美化、语法高亮、树形结构查看及格式验证,完全在浏览器中处理。
泰森多边形生成器 - Voronoi图在线绘制
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
色盲安全调色板推荐 - 数据可视化配色
提供多组在各色盲类型下仍可区分的定性、连续配色方案,辅助图表设计。
Flexbox布局生成器 - 在线弹性盒可视化生成
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
Rollup 插件开发沙盒 - 编写并测试插件效果
提供模块图,编写 Rollup 插件并观察其对打包过程的影响。
Web分享API测试 - 调用系统分享面板
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
条形码生成器 - 在线Code128/EAN-13条码
在线条形码生成工具,支持Code128、EAN-13等多种格式,输入数字或字母生成矢量条形码,可保存为图片。
Base64URL编码解码 - URL安全的Base64变体
在线Base64URL编码与解码,替换+/-为-/_并去除=填充,专为URL和JWT等场景优化。
MutationObserver 游乐场 - DOM变动实时记录
观察目标节点的添加、删除、属性变更,日志可视化展示,调试动态DOM的利器。
面包屑结构化数据生成器 - JSON-LD 自动生成
输入面包屑导航的层级和链接,自动生成符合 Schema.org 的 BreadcrumbList 结构化数据。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
JWT 签发与验证工具 - 在线调试JSON Web Token
填入Payload及密钥,选择HS256/RS256算法生成JWT,并验证已签发Token的签名与过期时间。
在线绘图板 - HTML5画板涂鸦工具
基于Canvas的在线绘图工具,提供画笔、橡皮擦、颜色选择、撤回等功能,自由涂鸦并保存作品。
简易WHOIS查询演示 - 通过公共API查域名
输入域名,调用开放的WHOIS API获取注册信息,返回可用信息片段(需API兼容)。
Voiceflow 原型在线播放器 - 测试语音交互设计
导入 Voiceflow 项目文件,在浏览器中模拟语音对话流程,调试交互逻辑。
Tailwind颜色色阶预览器 - 50到950色度
展示Tailwind CSS全套颜色(50-950)的色块,点击复制对应的类名或十六进制值。
UD5工具箱