UD5工具箱
用户空闲检测高级演示 - 区分空闲/锁定
使用Idle Detection API区分用户是临时空闲、键盘无活动还是屏幕已锁定。
简易机器翻译演示 - 前端调用本地模型模拟
使用示例翻译对演示翻译过程，了解机器翻译基本界面。
应用启动处理器演示 - 焦点现有窗口
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口，而不是新建窗口。
前端打包体积在线分析 - 可视化 Bundle 各模块占比
上传或粘贴 webpack 等工具的 stats.json 文件，生成交互式树状图，直观查看各模块大小与占比。
模块联邦在线演示 - 微前端共享模块
模拟两个独立应用通过 Module Federation 共享组件，展示运行时加载过程。
鼠标移动热图生成 - 页面区域活跃度可视化
记录鼠标在本页面上的移动轨迹和悬停位置，生成简单的热度图覆盖层。
滚动文字效果生成器 - 入场滑入动画
配置文字从下/左等方向滑入，随页面滚动触发，生成Intersection Observer+CSS动画代码。
图片放大镜效果 - 电商产品放大预览CSS/JS
生成图片局部放大镜效果，可调节镜头大小和放大倍率，输出HTML/CSS/JS交互代码。
占位图服务模拟器 - 本地生成指定尺寸图片
通过 Canvas 生成任意宽高的占位图，显示尺寸文字，可复制 Base64 或使用 Blob URL 模拟服务。
邮件响应式测试预览 - 多客户端模拟
粘贴 HTML 邮件代码，模拟在 Outlook、Gmail、Apple Mail 等环境下的渲染效果。
图示均衡器效果模拟 - 切换音乐预设听差异
选择爵士、摇滚、人声强化等EQ预设，处理播放的音频，试听变化。
自定义视口模拟器 - 任意像素尺寸预览
手动输入宽度和高度像素值，生成一个模拟窗口查看内容适配状况。
摄像头测试页 - 开启显示视频流
打开前置或后置摄像头，查看自己，检查硬件正常与否。
网页背景音乐控制器 - 静默自动播放尝试
生成一个带开关的网页背景音乐组件，尝试在用户交互后播放，不干扰默认静音策略。
拟物化按钮生成器 - 逼真按压效果
制作具有真实按下突起感的3D拟物按钮，可调整颜色和阴影深度。
Web Storage 配额模拟器 - 测试存储超限行为
模拟 LocalStorage 或 IndexedDB 写满配额，测试错误处理并显示剩余空间估算。
焦点指示器可见性检查 - 模拟键盘 Tab 导航轮廓
在可聚焦元素间 Tab 切换，高亮显示默认焦点轮廓，检查自定义样式是否提供可见指示。
图灵机在线模拟器 - 自定义状态与规则
定义状态、字母表和转移规则，逐步执行图灵机，观察纸带内容变化。
随机用户信息生成器 - Mock数据在线生成
生成随机的姓名、邮箱、地址、电话等用户信息，支持自定义字段和批量输出JSON数组，用于测试填充。
浏览器扩展图标生成 - 多尺寸一键输出
上传一个主图标，同时生成16x16至128x128的所有标准浏览器扩展图标尺寸。
自定义元素注册表浏览器 - 查看页面内所有 Web Components
扫描当前页面已定义的自定义元素，显示其名称、类定义及生命周期方法。
虚拟信用卡号生成 - 测试用有效Luhn卡号
生成通过Luhn算法校验但无实际金钱的卡片号码，附带有效日期供开发测试。
应用图标多尺寸生成器 - 一键输出iOS/Android资源
上传一张大图，裁剪并生成所有必需的图标尺寸（从16x16到1024x1024），适用于PWA或移动应用。
反应扩散系统模拟器 - Gray-Scott 模型图案生成
运行 Gray-Scott 反应扩散模型，调节参数生成斑点、条纹等生物斑图。
环形缓冲区动画演示 - 读写指针运动
动画展示环形/循环缓冲区的Enqueue、Dequeue操作以及头尾指针的移动逻辑。
Particles.js 配置生成器 - 粒子背景可视化定制
调整粒子数量、形状、颜色、连线等参数，实时预览粒子背景效果，导出 Particles.js 配置 JSON。
植物细胞结构标注器 - 点击部件高亮
完整的植物细胞图，点击或悬停任一部分（如叶绿体），显示其名称和功能说明。
栈与队列模拟器 - 推入弹出可视化操作
交互式向栈（后进先出）或队列（先进先出）添加删除元素，演示数据流变化。
十连击反应测试 - 屏幕随机亮点击
屏幕不同位置随机亮起目标，鼠标快速点击，记录完成10次点击的总时间。
内容安全策略生成器 - CSP HTTP头在线定制
图形化配置Content-Security-Policy指令，生成安全策略头，防御XSS和代码注入。