摄像头测试页 - 开启显示视频流
打开前置或后置摄像头,查看自己,检查硬件正常与否。
BPM 节拍检测器 - 手动点击测速
跟随音乐节奏点击按钮或敲击键盘,实时计算每分钟节拍数 (BPM) 和平均间隔。
焦点指示器样式定制器 - 生成 :focus-visible 样式
实时调整焦点轮廓的颜色、粗细和偏移,生成美观且高对比度的焦点样式代码。
热区图片地图生成 - Image Map可视化
上传图片,用矩形/圆形/多边形绘制可点击区域,导出<map>标签代码。
网页背景音乐控制器 - 静默自动播放尝试
生成一个带开关的网页背景音乐组件,尝试在用户交互后播放,不干扰默认静音策略。
Docker Compose 可视化编辑器 - 图形化服务编排
拖拽服务、网络和卷,直观构建docker-compose.yml,并可导出文件,降低容器编排门槛。
照片瞎取名生成器 - 朋友圈伪摄影名称
将拍摄参数和随机的浮夸词组合,生成像《逆光下沉默的忧郁》般的照片名。
图片拼贴画生成 - 选择模板拖入图片
选择多种拼贴版式,拖入图片到格子,调整边距与阴影导出。
随机CSS图案生成器 - Doodle背景图
一键随机生成用纯CSS(带渐变和阴影)绘制的艺术背景图案,附带代码。
XML Sitemap生成器 - 在线网站地图文件制作
录入网址列表自动生成标准的XML Sitemap文件,设置优先级与更新频率,提升站点SEO。
图像通道分离器 - 单独查看R/G/B/Alpha
一键将图片拆分为红、绿、蓝和Alpha通道的独立灰度图,辅助修图分析。
图片旋转工具 - 在线任意角度旋转照片
拖动滑块或精确输入角度数值,对图片进行任意角度旋转,支持自动填充背景色裁剪。
专辑封面配色提取器 - 抓取音乐封面生成色板
输入歌曲或专辑名,搜索封面图并自动提取主色调,生成音乐风格调色板。
AudioContext状态监控 - 挂起/运行/关闭
显示当前AudioContext的状态、采样率和输出延迟,并允许一键挂起或恢复。
音频波形可视化器 - 本地音频实时频谱图
选择本地音频文件,播放时实时显示声波波形和频率柱状图,利用Web Audio API分析。
静态地图链接生成器 - 坐标标记点图片
输入经纬度和标记参数,构造免费静态地图图片URL,嵌入网页或分享位置。
网站图标一键提取 - 从任何URL获取Favicon
输入网站域名,自动探测并提取其Favicon,可下载。
语音识别转文字 - 在线实时语音录入
利用Web Speech API将语音实时转换为文字,支持多语言识别,输出结果可复制编辑。
在线图片压缩工具 - 前端Canvas无损压缩
使用Canvas API实现的图片压缩工具,调整质量压缩JPEG/PNG图片,减小文件体积,本地处理保护隐私。
文本片段链接生成器 - Scroll To Text Fragment
输入目标网址和要突出显示的文本,生成带 `#:~:text=` 的链接,精确指向页面内容。
占位图服务模拟器 - 本地生成指定尺寸图片
通过 Canvas 生成任意宽高的占位图,显示尺寸文字,可复制 Base64 或使用 Blob URL 模拟服务。
照片在线拼图游戏 - 上传图生成拼图
上传任意照片自动打散为拼图块,设置块数,在Canvas上拖动复原。
图片放大镜效果 - 电商产品放大预览CSS/JS
生成图片局部放大镜效果,可调节镜头大小和放大倍率,输出HTML/CSS/JS交互代码。
图片隐写写入器 - LSB方法嵌入文本
将秘密文本的比特位替换到图片像素的最低有效位中,生成含密图片。
Cookie 安全属性配置器 - 快速生成Set-Cookie头
勾选Secure、HttpOnly、SameSite等属性,生成安全的Set-Cookie字符串,增强Web应用安全。
Graphviz DOT渲染 - 关系图在线预览
编写DOT语言描述节点与边,前端渲染为有向图/无向图,辅助关系梳理。
NFC标签读取演示 - Web NFC API模拟
使用Web NFC API读取NDEF格式标签的数据,展示记录类型和内容(需硬件支持)。
球星卡/贴纸生成器 - 上传照片套模板
上传肖像照,套用复古球星贴纸模板,添加姓名和队伍,自动生成卡片。
反向代理配置生成器 - Nginx/Apache 规则输出
填写上游服务器地址和路径规则,自动生成 Nginx 或 Apache 的反向代理配置文件。
录音下载工具 - 浏览器录音保存为MP3
通过麦克风录音,并将录音压缩为MP3格式(使用开源编码器)下载到本地。
UD5工具箱