被动事件监听检测 - 滚动性能检查
检测页面touchstart和wheel事件是否使用passive:true,避免移动端滚动延迟。
UD5工具箱
navigator.vibrate()方法控制设备的振动马达。它主要用于移动设备,可在用户交互时提供触觉反馈,增强用户体验。该API接受振动时长(毫秒)或振动模式数组作为参数。
[200, 100, 500]表示:振动200ms → 暂停100ms → 振动500ms。数组长度可奇可偶,奇数时最后一个振动结束后无后续暂停。单值如[300]表示振动300ms后自动停止。
navigator.vibrate(0)或navigator.vibrate([])即可立即停止当前振动。本工具提供醒目的红色"立即停止"按钮,点击即可终止所有振动。在循环模式下,停止按钮还会清除定时器。
检测页面touchstart和wheel事件是否使用passive:true,避免移动端滚动延迟。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
模拟动态区域更新,测试不同aria-live值(polite/assertive)对屏幕阅读器的影响。
请求手机传感器权限,通过加速度变化峰值检测来简单估算步数。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
配置监听目标,实时显示DOM节点的增删改及属性变化,辅助AJAX内容调试。
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
实时显示当前网络连接状态,监听online/offline事件,帮助用户判断断网原因。
输入对照组和实验组的用户数与转化数,计算 Z 值、P 值,判断是否具有统计显著性。
设置渐变两端颜色,鼠标滑过渐变条显示任意位置的精确十六进制色。
可视化调整cubic-bezier和steps()缓动,并可实时看到动画球左右移动。
拖拽构造多层感知机,调整学习率和激活函数,实时观察分类任务训练过程,入门深度学习。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
录制一段音频,实时添加机器人、外星人、回声等音效并下载,不依赖服务器。
解析Motorola S-Record或Intel HEX格式的固件文件,提取显示原始数据块。
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
从体式库拖入序列,调整持续时间,生成完整瑜伽课程计划,并可导出打印。
将已有戒指放在屏幕上对照圆圈,或测量手指周长以确定戒指码数。
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
支持多语言字符分割,准确统计汉字、英文单词、日文假名数量,并评估社交媒体发文长度。
在Canvas上绘制理想频率响应,并应用简单FIR滤波器对合成信号进行滤波,听音效对比。
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
直观拖拽曲线控制点,生成CSS transition/animation的cubic-bezier()值,并即时播放动画效果预览。
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
在Canvas上写一个字母,程序尝试识别,帮助调整笔迹清晰度。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
并排显示两段文本差异,字符级高亮且支持三路合并视图,解决冲突更直观。