画中画文档演示 - Document Picture-in-Picture API
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
UD5工具箱
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
通过WebRTC技术获取局域网IP地址,并通过公网API查询出口IP,显示当前网络信息。
使用麦克风计算声压级相对值,显示实时分贝读数和历史曲线图。
使用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打开、编辑并保存本地文件,演示权限流程。
实时显示当前页面可见状态,当切换标签页时记录时间并给出日志。
显示触摸事件的触摸点数量、每个点的坐标、触控半径和压力值,调试移动端。
通过麦克风实时计算相对分贝值,显示当前环境噪音水平(非绝对校准)。
记录鼠标在本页面上的移动轨迹和悬停位置,生成简单的热度图覆盖层。
记录各键盘键被按下的次数,并在虚拟键盘上以颜色表示热度,分析使用习惯。
实时统计并显示鼠标左键、右键及中键在页面上的点击次数,可清零重计。
检测浏览器是否支持显示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读取当前环境光强度(勒克斯),辅助自适应亮度设计。