环境白噪音混音器 - 在线背景音组合
同时播放雨声、风扇、咖啡店等多种环境音,独立调节音量,营造专注或休息氛围。
ChatGPT 提示词测试器 - 无 API 模拟对话效果
输入提示词,模拟对话格式预览发送给模型的效果,辅助优化提示工程。
文字颜色对比度检测器 - WCAG无障碍合规测试
输入文字颜色和背景颜色,计算对比度比例,验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
电话/对讲机音效模拟器 - 窄频带滤波器
应用带通滤波器模拟老式电话或对讲机的窄频带音质,可加入噪声和失真。
录音可视化简历 - 语音波形加文字
录制一段语音,生成带有音频波形和自定义文本的分享卡片图片。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
Accept-Language 解析与匹配器 - 内容协商语言
输入Accept-Language标头值,按权重排序并匹配你的支持语言列表,辅助多语言应用开发。
安全字体组合预览 - 各系统回退字体
预览常见的 native font stacks(如苹果、Windows系统字体)的实际显示效果。
WCAG 颜色对比度检查器 - 无障碍合规性测试
输入前景和背景颜色,计算对比度比率并评估是否满足 WCAG AA/AAA 级标准,助力无障碍设计。
音频可视化组件生成 - 播放器频谱
生成与原生HTML5音频播放器配套的音频频谱可视化组件代码。
北约音标字母转换 - 字母转Alfa, Bravo...
输入单词,自动逐字母转换为标准的NATO音标读法,方便电话沟通。
SAML 断言可视化工具 - 解码并查看身份声明
粘贴Base64编码的SAML Response,解码并格式化显示其中的属性、断言与签名信息,便于调试。
音频波形 SVG 生成器 - 从音频文件生成波形路径
上传音频文件,提取振幅数据并生成对应的 SVG 波形路径,可自定义颜色和尺寸。
白噪音/粉红噪音发生器 - 专注助眠背景声
生成白噪声、粉红噪声、布朗噪声,可调节音量,帮助集中注意力或入睡。
音频可视化器 - Web Audio API 频谱/波形动态展示
播放本地音频文件并实时渲染频谱图或波形图,自定义颜色和样式,纯前端实现。
Fetch模拟API - 截获请求返回假数据
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
盒模型对比演示 - content-box vs border-box
同时展示两种盒模型下元素的尺寸变化,直观理解宽度计算差异。
电话语音滤镜 - 模拟通话音质
对音频应用带通滤波和失真,模拟老式电话线传输的狭窄频响特点。
AudioWorklet演示 - 自定义音频处理
编写一个简单的AudioWorkletProcessor,在独立线程中实时处理麦克风音频(如白噪声)。
WebRTC 本地对等连接演示 - 同页面音视频通信
在单个页面内创建两个 RTCPeerConnection,模拟本地视频通话,展示信令和数据流程。
坐姿检测提醒 - 摄像头分析体态简易
通过摄像头简单估算头部倾斜,久坐后若驼背则弹窗提醒。
急救包物品清单 - 配置检查与补充提醒
标准急救包推荐清单,勾选已有并标记过期日期,提醒更换,居家安全必备。
背景滤镜生成器 - CSS backdrop-filter在线
单独对元素背景区域应用模糊、亮度、灰度等滤镜,生成兼容的CSS backdrop-filter属性。
手写风格字体栈生成 - 系统手写体调用
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
假地址生成器增强版 - 符合当地格式
选择国家,生成符合当地格式的随机假地址,包括街道、城市、邮编和电话号码。
Lottie动画至SVG帧拆分 - 解析关键帧
上传Lottie JSON,解析路径并将所有关键帧导出为单独的SVG文件。
FAQ手风琴生成器 - 问答折叠组件代码
快速创建FAQ样式的手风琴列表,填入问题与答案,生成HTML/CSS/JS交互代码。
gRPC-Web 请求构建器 - 服务调用与响应查看
输入服务地址与方法,构造 gRPC-Web 请求,查看二进制帧与反序列化后的响应消息。
文本自适应容器字号 - 根据宽度缩放字体
输入文本和容器宽度,计算所需的字体大小使文本不换行,利用JS测量实时反馈。
形状检测API演示 - 实时条形码/人脸检测
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
UD5工具箱