屏幕唤醒锁测试器 - 保持常亮应用演示
请求Screen Wake Lock防止屏幕关闭,监听释放事件,适用于观看长内容等场景。
UD5工具箱
Gamepad Vibration Actuator — 检测并测试手柄双马达振动与扳机振动
请连接游戏手柄后点击刷新
navigator.getGamepads() 获取连接的手柄对象,每个手柄的 hapticActuators(或 vibrationActuator)属性提供振动执行器接口。调用 playEffect('dual-rumble', {duration, weakMagnitude, strongMagnitude}) 即可触发振动,返回Promise在振动完成后resolve。整个过程在浏览器沙箱内完成,安全可靠。请求Screen Wake Lock防止屏幕关闭,监听释放事件,适用于观看长内容等场景。
显示当前屏幕方向,并尝试锁定为横屏或竖屏模式,仅部分浏览器支持。
设计振动时长与停顿数组,点击试振,复制代码在移动端触发自定义触感反馈。
加载两段节奏循环,用鼠标在虚拟唱片上移动模拟黑胶搓碟效果。
请求和释放屏幕唤醒锁,并监听释放事件,适用于视频播放或演示场景。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
请求浏览器保持屏幕唤醒,防止自动锁屏,显示当前唤醒锁状态。
支持任意格式颜色输入,计算对比度并显示WCAG 2.1各级别通过情况,含颜色建议。
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
拖放 lcov.info 文件,以颜色标示每行代码的覆盖状态。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
演示如何拦截PWA安装事件并自定义安装按钮,查看浏览器原生安装提示效果。
在布满干扰物的图片中寻找并点击目标物品,记录用时。
拖拽调节Flex容器和子项属性,即时可视化响应效果,同时显示CSS代码,边学边用。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
将任务拖入紧急/重要的四象限中,可视化管理和优先处理待办事项。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
选择或输入多个开源许可证,查看它们组合在闭源或开源项目中的兼容性矩阵与义务。
打开多个同源页面,通过Broadcast Channel API实时同步消息或状态变化。
在线生成可折叠的手风琴面板,自定义标题、内容与图标,支持纯CSS或简单JS切换。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
预览并调整撒花动画的速度、密度和形状,生成一键调用撒花的JS函数代码片段。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
自定义箭头方向、颜色、大小和动画,生成无需JavaScript的纯CSS tooltip组件代码。
将屏幕变为纯白色或指定颜色,最高亮度辅助照明或信号。
上传主图,同时生成32x32、180x180等平台所需的所有favicon尺寸和manifest。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
选择组件类型(按钮、菜单等),自动补全必要的role和aria-*属性代码。