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