UD5工具箱
Cookie同意横幅生成器 - GDPR/CCPA合规提示
自定义颜色和文本，生成Cookie同意提示栏HTML/CSS/JS代码，集成到网站。
Web Locks API演示 - 多标签页资源协调
在多个浏览器标签页间通过Web Locks API协调共享资源的访问，展示锁机制。
CSS 缓动函数可视化预览 - 动画 timing-function 演示
展示所有内置缓动函数（ease, linear 等）及自定义 cubic-bezier 的运动曲线和动画效果。
多语言语音识别测试 - 切换语言识别
选择多种语言，利用Web Speech API测试语音转文字准确率对比。
图片精灵图手动生成器 - 上传多图合成并生成CSS
上传多张小图标，自定义排列间距，自动生成合并图片和对应的 background-position CSS。
文本行去重过滤器 - 保留或删除重复
提取文本中的唯一行、或删除重复行、或仅显示重复行，多模式整理。
触摸滑动手势方向检测 - 上下左右拖动识别
在触摸区域内滑动，实时检测方向（上/下/左/右）并记录距离和速度，用于交互调试。
CSS选择器优先级计算器 - 层叠权重比较
计算并比较多个CSS选择器的优先级数值（a,b,c,d），直观解释为何某样式生效。
图片色彩迁移工具 - 将一张图的色调应用到另一张
选择源图（提供色调）和目标图，将源图的整体色彩风格迁移到目标图片上。
数据表格组件演示 - 排序/过滤/分页
加载 JSON 数据，生成带列排序、搜索过滤和前端分页的交互式表格。
仓鼠笼尺寸推荐器 - 按品种计算最小底面积
选择仓鼠品种，根据动物福利标准推荐最小笼子底面积和跑轮直径。
高级CSS图案背景库 - 精选条纹/圆点/棋盘
浏览数十种纯CSS实现的几何背景图案，一键复制代码。
CSS 背景图案生成器 - 条纹/点/网格重复背景
通过可视化参数生成纯 CSS 的背景图案（斜条纹、圆点、方格等），实时调整颜色和尺寸。
颜色分类杯子谜题 - 倾倒液体直至纯色
将不同颜色的水在各试管间倒来倒去，直到每个试管只装一种颜色。
排卵试纸记录与对比 - 图像比对强阳
拍照或上传每日试纸结果，按时间排列，辅助判断排卵趋势。
重复背景图案生成器 - 条纹/棋盘CSS
选择预设图案（条纹、棋盘、点阵），微调颜色和尺寸，输出background代码。
猜历史事件年份 - 滑动时间轴匹配
给出历史事件，拖动时间轴到正确年份，越精确积分越高。
图片对比滑动器 - 两图叠加拖动对比
上传两张图片，通过滑块左右拖动查看叠加差异，用于展示修图前后或滤镜效果。
Web Components 生命周期浏览器 - 查看回调执行
创建一个测试自定义元素，记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
PNG 块检查器 - 查看图片元数据与隐藏信息
上传 PNG 文件，列出所有数据块（IHDR、IDAT、tEXt 等），提取隐藏的文本或时间信息。
事件监听器查看器 - 获取指定元素绑定事件
选择 DOM 元素，列出通过 addEventListener 绑定的所有事件及其类型和监听器（可用时）。
HTML空格实体可视化 - 查看不可见空白
显示文本中的非换行空格、全角空格等隐藏字符映射。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。
响应式测试互动盒 - 输入代码观看不同尺寸
粘贴HTML/CSS片段，拖动视口调整宽度，实时观察布局变化。
MIDI信息监视器 - 连接设备查看音符/控制
通过Web MIDI API连接键盘，实时显示收到的音符开/关与控制器变化。
口罩密合度自查指南 - 佩戴步骤与渗漏测试
图文演示N95/KN95口罩正确佩戴与正压-负压密合测试步骤。
一日徒步装备清单 - 按季节与距离生成
选择春夏秋冬与<5/10/20km，自动生成必须携带物品列表，进阶版含急救包。
Cookie 同意条生成 - 纯代码无样式嵌入
勾选需要展示的选项（接受/拒绝/设置），生成纯净HTML/JS代码，自行套用样式。
急救包物品清单 - 配置检查与补充提醒
标准急救包推荐清单，勾选已有并标记过期日期，提醒更换，居家安全必备。
ARIA 属性快捷生成器 - 角色与属性搭配建议
选择UI组件类型（按钮、标签页等），自动推荐所需的ARIA角色、状态与属性代码。