PGP密钥对生成器演示 - 浏览器非对称加密
在浏览器生成PGP公私钥对,用于邮件加密与签名验证演示。
数字签名在线验证 - JS Web Crypto 签名验签
生成ECDSA或RSA密钥对,对文本签名并使用公钥验证,演示Web Crypto API的签名能力。
Credential Management演示 - 自动登录与存储
使用PasswordCredential和FederatedCredential存储用户登录信息,并实现一键自动登录。
假地址生成器增强版 - 符合当地格式
选择国家,生成符合当地格式的随机假地址,包括街道、城市、邮编和电话号码。
Postman Collection 在线查看器 - 无需安装解析集合
拖动导出Postman集合JSON文件,浏览器中展示请求分层与细节,方便快速查阅。
Fetch模拟API - 截获请求返回假数据
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
内容索引API演示 - 离线可用内容列表
将网页内容添加到浏览器的离线内容索引中,便于用户在下载页面查看。
文字颜色对比度检测器 - WCAG无障碍合规测试
输入文字颜色和背景颜色,计算对比度比例,验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
形状检测API演示 - 实时条形码/人脸检测
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
音频可视化器 - Web Audio API 频谱/波形动态展示
播放本地音频文件并实时渲染频谱图或波形图,自定义颜色和样式,纯前端实现。
SAML 断言可视化工具 - 解码并查看身份声明
粘贴Base64编码的SAML Response,解码并格式化显示其中的属性、断言与签名信息,便于调试。
ChatGPT 提示词测试器 - 无 API 模拟对话效果
输入提示词,模拟对话格式预览发送给模型的效果,辅助优化提示工程。
高级JSON转CSV - 嵌套对象扁平化与字段选择
将复杂嵌套JSON数组转为CSV,支持选择性展平列和排除字段,适配数据导出需求。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
FAQ手风琴生成器 - 问答折叠组件代码
快速创建FAQ样式的手风琴列表,填入问题与答案,生成HTML/CSS/JS交互代码。
Accept-Language 解析与匹配器 - 内容协商语言
输入Accept-Language标头值,按权重排序并匹配你的支持语言列表,辅助多语言应用开发。
gRPC-Web 请求构建器 - 服务调用与响应查看
输入服务地址与方法,构造 gRPC-Web 请求,查看二进制帧与反序列化后的响应消息。
Contact Picker API 属性选择器 - 获取联系人信息
通过浏览器原生界面选择联系人,获取姓名、电话、邮箱等字段,用于分享或填写表单。
自定义弹窗设计器 - 替代原生Alert/Confirm
可视化定制弹窗样式、按钮文案和动画,生成替换原生alert的HTML/CSS/JS代码。
交互式 cURL 命令构建器 - 可视化配置请求参数
通过表单设置方法、头、体等参数,自动生成对应的 cURL 命令,方便复制执行。
CSP 违规报告模拟查看器 - 内容安全策略报告解析
粘贴 CSP 违规报告 JSON,美化展示违规资源、策略指令等信息,辅助调试安全策略。
媒体查询构建器 - 组合条件生成CSS
通过下拉选择宽度、高度、分辨率等,逻辑组合并生成完整的@media规则。
JSON Schema 动态表单生成 - 自动构建输入
输入JSON Schema,自动渲染出一个美观可用的表单界面(演示)。
CSV/JSON 转换器带示例数据 - 双向转换预览
粘贴 CSV 或 JSON,一键转换为另一种格式,并带有示例数据集方便学习。
GraphQL 查询可视化构建器 - 勾选字段生成 Query
从 Schema 中浏览类型,勾选所需字段和嵌套,实时生成 GraphQL 查询语句。
WCAG 颜色对比度检查器 - 无障碍合规性测试
输入前景和背景颜色,计算对比度比率并评估是否满足 WCAG AA/AAA 级标准,助力无障碍设计。
字母头像占位符生成器 - 基于姓名生成纯 CSS 头像
输入名字,生成带有首字母的彩色圆形头像,适合无头像用户使用。
WebP图片兼容性回退 - picture/ source标签生成
为图片生成同时支持WebP和传统格式的<picture>标签代码,确保全浏览器兼容。
Twitter Card预览器 - 推文卡片效果验证
输入meta标签属性,模拟显示Twitter分享卡片的大图或小图样式,检验标记是否正确。
文本自适应容器字号 - 根据宽度缩放字体
输入文本和容器宽度,计算所需的字体大小使文本不换行,利用JS测量实时反馈。
UD5工具箱