声音强度计 - 分贝(dB)相对测量
使用麦克风计算声压级相对值,显示实时分贝读数和历史曲线图。
UD5工具箱
使用麦克风计算声压级相对值,显示实时分贝读数和历史曲线图。
使用Idle Detection API区分用户是临时空闲、键盘无活动还是屏幕已锁定。
扫描并连接附近的蓝牙设备,读取其电池服务电量数据,显示电量百分比。
连接游戏手柄,触发不同时长和强度的振动效果,测试Vibration Actuator API。
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
读取LinearAccelerationSensor,检测设备的物理移动和摇动动作,触发特效。
根据设备的GravitySensor数据,让屏幕上的小球实时随手机倾斜方向滚动。
利用AbsoluteOrientationSensor绘制一个匹配设备真实朝向的三维指南针。
请求和释放屏幕唤醒锁,并监听释放事件,适用于视频播放或演示场景。
使用范围请求安全地检查密码是否出现在已知数据泄露库中(不发送完整密码)。
在指定区域进行触摸操作,实时显示触摸点坐标和识别的基础手势(滑动、捏合等)。
上传文件,读取文件头部几个字节的“魔法数字”,判断其真实扩展名类型。
请求手机传感器权限,通过加速度变化峰值检测来简单估算步数。
使用Permissions API检查摄像头、地理位置、通知等权限的当前状态和可查询性。
估算当前源的所有存储类型(localStorage, IndexedDB, Cache)占用和配额。
快速检测系统是否支持特定的URL Scheme(如mailto:、tel:、tg:)。
调用联系人API列出可用联系属性,选中后显示(需环境支持)。
请求用户允许读取系统剪贴板,并展示内容,显示权限状态变化。
对localStorage和IndexedDB的读写操作进行计时,比较两者性能差异。
通过navigator.languages显示用户浏览器设置的语言偏好列表。
上传PDF文件,利用pdf.js快速显示文档总页数,无需打开文件。
输入卡号前几位,仅判断属于Visa、MasterCard等哪种卡组织,不检查有效性。
选择本地文件,通过浏览器File API获取其MIME类型、大小及最后修改时间。
通过手机气压传感器(如有)获取当前气压值,并显示为模拟的指针气压计。
连接当前域下的IndexedDB数据库,浏览表和数据,支持简单的增删改查。
检测并显示设备当前的所有CSS媒体特性值(如暗色模式、减少动画等)。
检测浏览器是否支持特定自定义协议(如mailto:, tg:),并尝试调用。
显示navigator.connection提供的网络类型(slow-2g, 4g等)及下行速度估计。
同屏显示加速计、陀螺仪和磁力计的实时数据图表及三维方向模型。
显示当前页面关联的Service Worker状态,并允许手动更新或注销。
计算当前域下localStorage和IndexedDB的使用量(估计),并展示剩余配额。
扫描当前页面使用的所有字体栈,并展示实际渲染字体名及样例。
上传PDF文件,显示其标题、作者、创建软件、页数等隐藏元数据信息。
扫描当前页面使用的localStorage、cookie、Canvas指纹属性等,给出隐私评分。
列出已连接的HID设备,获取产品名和供应商ID,并可监听输入报告。
请求串口权限,向设备发送文本命令并显示接收数据,用于嵌入式调试。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
实时显示当前页面可见状态,当切换标签页时记录时间并给出日志。
显示触摸事件的触摸点数量、每个点的坐标、触控半径和压力值,调试移动端。
通过麦克风实时计算相对分贝值,显示当前环境噪音水平(非绝对校准)。
记录鼠标在本页面上的移动轨迹和悬停位置,生成简单的热度图覆盖层。
记录各键盘键被按下的次数,并在虚拟键盘上以颜色表示热度,分析使用习惯。
实时统计并显示鼠标左键、右键及中键在页面上的点击次数,可清零重计。
检测浏览器是否支持显示AVIF图片,为前端图片选型提供依据。
通过检查Canvas toDataURL或加载测试图,判断当前浏览器是否支持WebP格式。
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
显示当前页面的JavaScript堆内存快照和使用限制,辅助内存泄漏调试。
通过按下键位记录code和key值,推断当前键盘布局(如QWERTY、AZERTY)。
调用设备联系人选择界面,获取用户选中的联系人信息(需支持环境)。
显示当前屏幕方向,并尝试锁定为横屏或竖屏模式,仅部分浏览器支持。
请求Idle Detection权限,监测用户是否离开或处于空闲状态,实时更新状态。
使用Web NFC API读取NDEF格式标签的数据,展示记录类型和内容(需硬件支持)。
搜索附近的蓝牙低功耗(BLE)设备,并显示设备名称和ID,需用户授权。
请求浏览器保持屏幕唤醒,防止自动锁屏,显示当前唤醒锁状态。
连接游戏手柄,实时显示摇杆、方向键、按钮的按下状态和力度,调试游戏输入。
通过AmbientLightSensor API读取当前环境光强度(勒克斯),辅助自适应亮度设计。
使用Proximity Sensor API检测设备屏幕附近是否有物体靠近,显示距离与状态。