振动API测试工具 - 手机马达振动模式调试
使用Vibration API控制设备振动,测试短振、长振和模式振动,验证触觉反馈。
UD5工具箱
输入逗号分隔的数字(单位:毫秒),奇数为振动时长,偶数为暂停时长
暂无记录,点击上方按钮开始测试
[200] 时,表示振动200毫秒后停止。当传入数组如 [100, 50, 200] 时,表示:振动100ms → 暂停50ms → 振动200ms → 停止。数组奇数索引位(第1、3、5...个)为振动时长,偶数索引位(第2、4、6...个)为暂停时长。
// 单次振动200msnavigator.vibrate(200);// 模式振动(振100ms→停50ms→振200ms)navigator.vibrate([100, 50, 200]);// 停止振动navigator.vibrate(0);if ('vibrate' in navigator) { ... }
使用Vibration API控制设备振动,测试短振、长振和模式振动,验证触觉反馈。
检测页面touchstart和wheel事件是否使用passive:true,避免移动端滚动延迟。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
模拟动态区域更新,测试不同aria-live值(polite/assertive)对屏幕阅读器的影响。
请求手机传感器权限,通过加速度变化峰值检测来简单估算步数。
分析表单 HTML,检查是否每个 input 都有正确关联的 label,并指出使用 aria-label 的替代情况。
将已有戒指放在屏幕上对照圆圈,或测量手指周长以确定戒指码数。
配置监听目标,实时显示DOM节点的增删改及属性变化,辅助AJAX内容调试。
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
可视化调整cubic-bezier和steps()缓动,并可实时看到动画球左右移动。
粘贴代码片段,基于关键字和语法模式自动推断编程语言,适合未命名文件的快速识别。
输入对照组和实验组的用户数与转化数,计算 Z 值、P 值,判断是否具有统计显著性。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
拖拽构造多层感知机,调整学习率和激活函数,实时观察分类任务训练过程,入门深度学习。
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
实时显示当前网络连接状态,监听online/offline事件,帮助用户判断断网原因。
通过加载测试广告脚本或元素来检测浏览器是否启用广告拦截插件,并展示检测原理。
设置渐变两端颜色,鼠标滑过渐变条显示任意位置的精确十六进制色。
在页面中手动触发 JS 错误、网络延迟、API 失败等,观察前端异常处理机制是否健全。
编写 Handlebars 模板并提供 JSON 数据,即时渲染结果,支持 helpers 自定义,纯前端执行。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
在Canvas上绘制理想频率响应,并应用简单FIR滤波器对合成信号进行滤波,听音效对比。
记录用户在页面上的最大滚动深度(25%、50%、75%、100%),并生成可视化热图。
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
解析Motorola S-Record或Intel HEX格式的固件文件,提取显示原始数据块。
屏幕颜色变化时尽快点击,测量从刺激到反应的时间,统计平均反应速度。
输入用户查询,测试 Dialogflow 代理的意图匹配、参数提取和回复。