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