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