交互式 cURL 命令构建器 - 可视化配置请求参数
通过表单设置方法、头、体等参数,自动生成对应的 cURL 命令,方便复制执行。
音频可视化器 - Web Audio API 频谱/波形动态展示
播放本地音频文件并实时渲染频谱图或波形图,自定义颜色和样式,纯前端实现。
JSON Schema 动态表单生成 - 自动构建输入
输入JSON Schema,自动渲染出一个美观可用的表单界面(演示)。
高级JSON转CSV - 嵌套对象扁平化与字段选择
将复杂嵌套JSON数组转为CSV,支持选择性展平列和排除字段,适配数据导出需求。
Accept-Language 解析与匹配器 - 内容协商语言
输入Accept-Language标头值,按权重排序并匹配你的支持语言列表,辅助多语言应用开发。
媒体查询构建器 - 组合条件生成CSS
通过下拉选择宽度、高度、分辨率等,逻辑组合并生成完整的@media规则。
GraphQL 查询可视化构建器 - 勾选字段生成 Query
从 Schema 中浏览类型,勾选所需字段和嵌套,实时生成 GraphQL 查询语句。
Postman Collection 在线查看器 - 无需安装解析集合
拖动导出Postman集合JSON文件,浏览器中展示请求分层与细节,方便快速查阅。
FAQ手风琴生成器 - 问答折叠组件代码
快速创建FAQ样式的手风琴列表,填入问题与答案,生成HTML/CSS/JS交互代码。
Fetch模拟API - 截获请求返回假数据
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
ChatGPT 提示词测试器 - 无 API 模拟对话效果
输入提示词,模拟对话格式预览发送给模型的效果,辅助优化提示工程。
WebP图片兼容性回退 - picture/ source标签生成
为图片生成同时支持WebP和传统格式的<picture>标签代码,确保全浏览器兼容。
文字颜色对比度检测器 - WCAG无障碍合规测试
输入文字颜色和背景颜色,计算对比度比例,验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
本地依赖版本对比 - package.json分析
粘贴package.json内容,与npm registry版本对比,列出过期的包和建议升级版本。
Contact Picker API 属性选择器 - 获取联系人信息
通过浏览器原生界面选择联系人,获取姓名、电话、邮箱等字段,用于分享或填写表单。
文本自适应容器字号 - 根据宽度缩放字体
输入文本和容器宽度,计算所需的字体大小使文本不换行,利用JS测量实时反馈。
CSV/JSON 转换器带示例数据 - 双向转换预览
粘贴 CSV 或 JSON,一键转换为另一种格式,并带有示例数据集方便学习。
假地址生成器增强版 - 符合当地格式
选择国家,生成符合当地格式的随机假地址,包括街道、城市、邮编和电话号码。
Twitter Card预览器 - 推文卡片效果验证
输入meta标签属性,模拟显示Twitter分享卡片的大图或小图样式,检验标记是否正确。
户外哨声信号速查 - 求救/定位/回应编码
展示国际通用哨声信号:三短三长三短求救等,可播放音频示例。
内容索引API演示 - 离线可用内容列表
将网页内容添加到浏览器的离线内容索引中,便于用户在下载页面查看。
PGP密钥对生成器演示 - 浏览器非对称加密
在浏览器生成PGP公私钥对,用于邮件加密与签名验证演示。
数字签名在线验证 - JS Web Crypto 签名验签
生成ECDSA或RSA密钥对,对文本签名并使用公钥验证,演示Web Crypto API的签名能力。
WCAG 颜色对比度检查器 - 无障碍合规性测试
输入前景和背景颜色,计算对比度比率并评估是否满足 WCAG AA/AAA 级标准,助力无障碍设计。
急救包物品清单 - 配置检查与补充提醒
标准急救包推荐清单,勾选已有并标记过期日期,提醒更换,居家安全必备。
AudioWorklet演示 - 自定义音频处理
编写一个简单的AudioWorkletProcessor,在独立线程中实时处理麦克风音频(如白噪声)。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
RSA密钥对生成器 - Web Crypto API在线非对称密钥
利用浏览器内置SubtleCrypto生成RSA-OAEP或RSASSA-PKCS1密钥对,并导出为JWK或PEM格式(前端安全)。
手写风格字体栈生成 - 系统手写体调用
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
盒模型对比演示 - content-box vs border-box
同时展示两种盒模型下元素的尺寸变化,直观理解宽度计算差异。
UD5工具箱