用户空闲检测高级演示 - 区分空闲/锁定
使用Idle Detection API区分用户是临时空闲、键盘无活动还是屏幕已锁定。
UD5工具箱
使用Idle Detection API区分用户是临时空闲、键盘无活动还是屏幕已锁定。
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口,而不是新建窗口。
记录鼠标在本页面上的移动轨迹和悬停位置,生成简单的热度图覆盖层。
配置文字从下/左等方向滑入,随页面滚动触发,生成Intersection Observer+CSS动画代码。
生成图片局部放大镜效果,可调节镜头大小和放大倍率,输出HTML/CSS/JS交互代码。
通过 Canvas 生成任意宽高的占位图,显示尺寸文字,可复制 Base64 或使用 Blob URL 模拟服务。
选择爵士、摇滚、人声强化等EQ预设,处理播放的音频,试听变化。
手动输入宽度和高度像素值,生成一个模拟窗口查看内容适配状况。
生成一个带开关的网页背景音乐组件,尝试在用户交互后播放,不干扰默认静音策略。
制作具有真实按下突起感的3D拟物按钮,可调整颜色和阴影深度。
生成随机的姓名、邮箱、地址、电话等用户信息,支持自定义字段和批量输出JSON数组,用于测试填充。
上传一个主图标,同时生成16x16至128x128的所有标准浏览器扩展图标尺寸。
生成通过Luhn算法校验但无实际金钱的卡片号码,附带有效日期供开发测试。
上传一张大图,裁剪并生成所有必需的图标尺寸(从16x16到1024x1024),适用于PWA或移动应用。
动画展示环形/循环缓冲区的Enqueue、Dequeue操作以及头尾指针的移动逻辑。
调整粒子数量、形状、颜色、连线等参数,实时预览粒子背景效果,导出 Particles.js 配置 JSON。
完整的植物细胞图,点击或悬停任一部分(如叶绿体),显示其名称和功能说明。
交互式向栈(后进先出)或队列(先进先出)添加删除元素,演示数据流变化。
屏幕不同位置随机亮起目标,鼠标快速点击,记录完成10次点击的总时间。
图形化配置Content-Security-Policy指令,生成安全策略头,防御XSS和代码注入。
拖拽滑块改变CIDR后缀,直观显示划分出的子网范围、主机数和广播地址。
运行Gray-Scott反应扩散模型,生成类似动物毛皮或化学斑图的复杂纹理。
编写DOT语言描述节点与边,前端渲染为有向图/无向图,辅助关系梳理。
不断下移的色块,只点黑色色块,点到白色游戏结束,挑战速度。
上传 OpenAPI 描述文件,自动生成符合定义的模拟 JSON 响应,支持选择不同端点。
设计无网络连接时显示的页面样式,生成需缓存的HTML。
输入多段话,像打字机一样逐字输出并自动切换,适合大屏展示或预告片效果。
排列音效或音乐片段,一键触发下一个 cue,适合舞台演出或节目控制。
逐步展示线装或胶装书籍的制作过程,模拟折叠、钻孔、缝线步骤。
输入经纬度和标记参数,构造免费静态地图图片URL,嵌入网页或分享位置。