标签： API 调试工具 - 请求测试

1

画中画文档演示 - Document Picture-in-Picture API

打开一个始终置顶的小窗口，在其中显示自定义内容（例如笔记/时钟），实验新API。

开发工具 API 演示 画中画

0

Idle Detection API 测试 - 检测用户空闲状态

请求空闲检测权限并监听用户空闲状态变化，演示自动锁定或暂停功能。

API演示 API Idle Detection 检测 空闲

0

连续语音识别器 - Web Speech API 实时转写

使用 Web Speech Recognition API 持续捕捉语音，实时显示识别文字，支持多语言。

AI API 实时 语音识别 转写

0

指针锁定 API 演示 - 3D 迷宫移动

使用指针锁定 API 在 3D 场景中控制视角移动，模拟 FPS 游戏鼠标控制。

API演示 API Pointer Lock 演示 迷宫

0

权限注册表浏览器 - 查看所有 API 权限状态

查询 Permissions API 中所有已知权限（如摄像头、地理位置）的当前状态和变更事件。

开发工具 API 权限 查询 注册表

0

权限请求模拟器 - 测试各种 API 权限提示

模拟调用地理位置、通知、摄像头等 API 时的权限请求流程，查看权限状态变化。

开发工具 API 权限 模拟 请求

0

语音识别转文字演示 - Web Speech API

利用浏览器语音识别 API，将说话内容实时转换为文字并显示，支持多语言。

AI API Web Speech 文字 语音识别

0

短链接生成器 - 调用第三方 API 缩短网址

输入长 URL，通过 TinyURL 或类似 API 生成短链接，并可复制或生成 QR 码。

工具 API 分享 生成 短链接

0

轻量级 API 集合运行器 - 导入 Postman Collection 运行

导入 Postman Collection JSON 文件，按顺序执行请求并显示响应，模拟简单的自动化测试。

API API Postman 测试 集合

0

OpenAPI/YAML 规范校验器 - 实时检查与错误提示

编写 OpenAPI 3.x YAML 定义，实时校验结构是否正确，高亮错误位置，辅助 API 设计。

API API OpenAPI YAML 校验

0

基于模式的模拟数据生成器 - 自定义字段与规则

定义字段名称和类型（姓名、邮箱、数字范围等），批量生成符合规则的 JSON 模拟数据。

开发工具 API 模拟数据 测试 生成

0

Contact Picker API 属性选择器 - 获取联系人信息

通过浏览器原生界面选择联系人，获取姓名、电话、邮箱等字段，用于分享或填写表单。

API演示 API Contact Picker 分享 联系人

0

Storage Buckets API 实验室 - 分区存储策略

创建多个存储桶，分别设置持久化与配额策略，管理不同业务数据的存储优先级与驱逐顺序。

存储 API IndexedDB Storage Buckets 存储

0

多屏幕窗口放置演示 - 扩展桌面布局

检测并列举所有显示器，将网页窗口精确定位到指定屏幕的特定位置，适合多屏办公场景。

API演示 API Window Placement 多屏幕 窗口

0

Web Share API 实战实验室 - 分享内容组合测试

组合标题、文本、URL 和文件，调用系统原生分享界面，测试不同浏览器和操作系统的分享行为。

API演示 API Web Share 分享 文件

0

API速率限制模拟器 - 滑动窗口与令牌桶

可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法，实时请求计数与拒绝逻辑。

后端 API 模拟 算法 速率限制

0

WebSocketStream API 演示 - 流式 WebSocket 连接

使用 WebSocketStream 建立连接，通过 ReadableStream/WritableStream 读写数据。

开发工具 API Stream WebSocket 流

0

Storage Buckets API 演示 - 分离存储空间与策略

创建多个存储桶并设置不同的持久化策略，管理数据生命周期。

存储 API Storage Buckets 存储 演示

0

内容索引 API 查看器 - 管理离线可用内容列表

添加、列出和删除内容索引中的条目，展示离线可用内容。

PWA API PWA 内容索引 离线

0

Idle Detection API 沙盒 - 检测用户是否离开

请求权限并使用 Idle Detection API，根据用户空闲或锁屏状态触发行为。

交互 API Idle Detection 检测 空闲

0

形状检测 API 综合演示 - 人脸/条形码/文本检测

调用 BarcodeDetector、FaceDetector 和 TextDetector，处理摄像头或图片。

多媒体 API 人脸 形状检测 条形码

0

Temporal API 演练场 - 现代日期时间处理实验

使用 Temporal 提案中的对象（PlainDate, ZonedDateTime 等）进行日期运算和格式化。

JavaScript API Temporal 日期 时间

0

Web Speech API 综合演示 - 识别与合成双向

在页面中同时使用语音识别和合成，展示如何构建语音交互界面。

多媒体 API Web Speech 合成 识别

0

速率限制头测试器 - 模拟达到限制并查看行为

模拟发送多个请求，观察 X-RateLimit-* 头部变化，理解速率限制机制。

API API Header 测试 速率限制

0

Webhook 请求捕获器 - 临时 URL 接收并查看载荷

生成一个一次性 URL，用于接收 webhook 请求，实时显示请求头、体和时间。

开发工具 API Webhook 捕获 调试

0

Reflect API 使用浏览器 - 对象操作方法速查与测试

列出所有 Reflect 静态方法，提供参数输入并执行，查看返回值和副作用。

JavaScript API Reflect 测试

0

API 速率限制头解析器 - 解读 X-RateLimit 信息

粘贴 API 响应头中的 X-RateLimit-* 字段，解析剩余的请求次数、重置时间等信息。

开发工具 API Header 解析 速率限制

0

网络信息 API 演示 - 带宽类型与 RTT 查询

展示 navigator.connection 提供的有效连接类型（4g/3g/2g）、下行速度和往返时间。

开发工具 API 演示 网络 连接

0

电池状态 API 演示 - 电量/充电/剩余时间

读取 Battery Status API 展示设备电量百分比、是否充电、估计放电/充电时间。

开发工具 API 演示 电池 电量

0

地理位置 API 演示 - 获取当前设备坐标

请求用户位置授权，获取经纬度、精度、海拔等信息，并在开放街道地图上标注位置。

开发工具 API 地理位置 坐标 演示

0

HTML 拖放 API 演示 - 文件与元素拖拽交互

通过实例展示原生拖放 API 的使用，包括文件拖拽上传和页面元素排序功能。

交互 API 交互 拖放 演示

0

随机User-Agent轮换器 - API测试防检测

从内置库随机选取主流浏览器的User-Agent字符串，一键复制用于请求头。

开发工具 API User-Agent 伪装 随机

0

屏幕唤醒锁测试器 - 保持常亮应用演示

请求Screen Wake Lock防止屏幕关闭，监听释放事件，适用于观看长内容等场景。

API API Wake Lock 屏幕常亮 电池

0

Contact Picker API 测试 - 选取系统通讯录联系人

在支持的浏览器上弹出通讯录选择器，获取姓名、电话、邮箱等信息，体验联系人API。

API API Contact Picker 选取 通讯录

0

Web Share API 实践器 - 调用系统分享对话框

触发系统原生分享，支持分享文本、链接与文件，检查浏览器兼容性与支持级别。

API API Web Share 分享 系统

0

Fullscreen API 练习场 - 自定义全屏体验

将任意HTML元素全屏，监听进入/退出事件，并自定义全屏样式，理解全屏API细节。

API API Fullscreen 元素 全屏

0

Popover API 实例展示 - 无JS的弹出层构建

使用原生HTML Popover属性创建提示、菜单与对话框，展示四种触发方式及样式定制。

HTML API HTML Popover 弹出

0

View Transition API 演练场 - 页面切换动画配置

在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。

动画 API View Transition 动画 过渡

0

Postman Collection 在线查看器 - 无需安装解析集合

拖动导出Postman集合JSON文件，浏览器中展示请求分层与细节，方便快速查阅。

API测试 API Collection Postman 查看器

0

RAML 在线预览器 - API设计文件可视化

编辑RAML定义，实时渲染资源结构、方法及响应示例，适合REST API设计初期。

API API RAML 设计 预览

0

结构化克隆演示 - 深拷贝支持类型

选择各种数据类型演示structuredClone的深拷贝能力，对比JSON.parse的限制。

开发工具 API 深拷贝 演示

0

压缩流API演示 - 实时gzip/brotli压缩

使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。

开发工具 API 压缩流 实时

0

多屏幕窗口管理演示 - Window Placement API

枚举连接的显示器，并在特定的屏幕上打开新窗口，体验现代多显示器Web应用。

开发工具 API 多屏幕 窗口

0

虚拟键盘API演示 - 控制键盘遮盖与布局

体验VirtualKeyboard API如何控制网页不被系统软键盘遮盖，并获取键盘几何信息。

前端设计 API 虚拟键盘 遮盖

0

屏幕取色器API - 系统级像素颜色拾取

使用Eyedropper API激活系统取色器，拾取屏幕任意位置的颜色值。

前端设计 API 取色器 颜色

0

Cookie Store API演示 - 异步读写Cookie

对比document.cookie和现代Cookie Store API的异步读写操作，以及变化监听。

开发工具 API Cookie 异步

0

Mock Service Worker演示 - 拦截并返回假数据

使用Service Worker拦截fetch请求，并返回用户自定义的JSON模拟数据，用于前端独立开发。

开发工具 API Mock 拦截

0

视图过渡动画演示 - View Transitions API

在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画，体验原生视图过渡。

前端设计 API 动画 视图过渡

0

权限API测试器 - 摄像头/位置/通知

使用Permissions API检查摄像头、地理位置、通知等权限的当前状态和可查询性。

开发工具 API 权限 测试

0

Fetch模拟API - 截获请求返回假数据

演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。

开发工具 API Fetch 模拟

0

联系人选取器演示 - Contacts API

调用联系人API列出可用联系属性，选中后显示（需环境支持）。

开发工具 API 联系人 选择器

0

剪贴板读取权限演示 - Clipboard API

请求用户允许读取系统剪贴板，并展示内容，显示权限状态变化。

开发工具 API 剪贴板 权限

0

GraphQL查询测试 - 输入端点获取Schema

连接公开GraphQL端点，通过内省获取类型和字段，辅助编写和测试查询。

开发工具 API GraphQL 查询

0

API状态码测试 - 快速查看HTTP响应

向任意输入URL发送请求，清晰显示响应状态码、头信息和体，类似轻量级Postman。

开发工具 API 测试 状态码

0

API响应模拟器 - JSON延迟/错误自定义

定义端点、JSON响应体和延迟毫秒，模拟后端API供前端本地开发调试。

开发工具 API JSON 模拟

0

Web串口控制台 - Serial API发送接收

请求串口权限，向设备发送文本命令并显示接收数据，用于嵌入式调试。

开发工具 API 串口 调试

0

文件系统访问演示 - File System Access API

使用现代浏览器文件系统访问API打开、编辑并保存本地文件，演示权限流程。

开发工具 API 文件系统 演示

0

页面可见性检测演示 - Visibility API

实时显示当前页面可见状态，当切换标签页时记录时间并给出日志。

开发工具 API 演示 页面可见

0

Web分享API测试 - 调用系统分享面板

填写标题、文本和URL，触发系统级分享菜单，测试Web Share API功能。

开发工具 API Web Share 分享

0

绘制时机检测 - FP/FCP性能指标展示

通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。

开发工具 API Paint Timing 性能