屏幕唤醒锁测试器 - 保持常亮应用演示
请求Screen Wake Lock防止屏幕关闭,监听释放事件,适用于观看长内容等场景。
UD5工具箱
请求Screen Wake Lock防止屏幕关闭,监听释放事件,适用于观看长内容等场景。
利用浏览器语音识别 API,将说话内容实时转换为文字并显示,支持多语言。
使用原生HTML Popover属性创建提示、菜单与对话框,展示四种触发方式及样式定制。
对比document.cookie和现代Cookie Store API的异步读写操作,以及变化监听。
导入 Postman Collection JSON 文件,按顺序执行请求并显示响应,模拟简单的自动化测试。
通过浏览器原生界面选择联系人,获取姓名、电话、邮箱等字段,用于分享或填写表单。
将任意HTML元素全屏,监听进入/退出事件,并自定义全屏样式,理解全屏API细节。
体验VirtualKeyboard API如何控制网页不被系统软键盘遮盖,并获取键盘几何信息。
定义端点、JSON响应体和延迟毫秒,模拟后端API供前端本地开发调试。
定义字段名称和类型(姓名、邮箱、数字范围等),批量生成符合规则的 JSON 模拟数据。
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
组合标题、文本、URL 和文件,调用系统原生分享界面,测试不同浏览器和操作系统的分享行为。
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
选择各种数据类型演示structuredClone的深拷贝能力,对比JSON.parse的限制。
使用Service Worker拦截fetch请求,并返回用户自定义的JSON模拟数据,用于前端独立开发。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
编写 OpenAPI 3.x YAML 定义,实时校验结构是否正确,高亮错误位置,辅助 API 设计。
添加、列出和删除内容索引中的条目,展示离线可用内容。
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
请求用户允许读取系统剪贴板,并展示内容,显示权限状态变化。
从内置库随机选取主流浏览器的User-Agent字符串,一键复制用于请求头。
枚举连接的显示器,并在特定的屏幕上打开新窗口,体验现代多显示器Web应用。
使用Permissions API检查摄像头、地理位置、通知等权限的当前状态和可查询性。
连接公开GraphQL端点,通过内省获取类型和字段,辅助编写和测试查询。
向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
检测并列举所有显示器,将网页窗口精确定位到指定屏幕的特定位置,适合多屏办公场景。
在支持的浏览器上弹出通讯录选择器,获取姓名、电话、邮箱等信息,体验联系人API。
使用Eyedropper API激活系统取色器,拾取屏幕任意位置的颜色值。
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
拖动导出Postman集合JSON文件,浏览器中展示请求分层与细节,方便快速查阅。
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
使用Vibration API控制设备振动,测试短振、长振和模式振动,验证触觉反馈。
实时显示当前页面可见状态,当切换标签页时记录时间并给出日志。
显示当前屏幕方向,并尝试锁定为横屏或竖屏模式,仅部分浏览器支持。
请求浏览器保持屏幕唤醒,防止自动锁屏,显示当前唤醒锁状态。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
请求串口权限,向设备发送文本命令并显示接收数据,用于嵌入式调试。
调用设备联系人选择界面,获取用户选中的联系人信息(需支持环境)。
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
调用联系人API列出可用联系属性,选中后显示(需环境支持)。
测试navigator.clipboard读写功能,写入文本或读取系统剪贴板,验证安全限制。