必须以 http:// 或 https:// 开头，可直接带查询参数。
GET / DELETE 通常不需要请求体。
请求由你的浏览器直接发出，本页不经手任何数据。若目标服务器未允许跨域（CORS），浏览器会拦截响应，这是目标站点的安全策略，不是工具故障。
尚未发送请求。
状态码反映服务器对请求的处理结果，调试时先看它再看响应体。
| 区间 | 含义 | 常见状态码 |
|---|---|---|
| 2xx 成功 | 请求已被正常接收并处理 | 200 OK、201 Created、204 No Content |
| 3xx 重定向 | 需要进一步操作才能完成请求 | 301 永久移动、302 临时跳转、304 命中缓存 |
| 4xx 客户端错误 | 请求有误，问题多在参数/权限/地址 | 400 参数错、401 未登录、403 无权限、404 不存在、429 限流 |
| 5xx 服务端错误 | 服务器处理时出错 | 500 内部错误、502 网关错、503 不可用、504 超时 |
很多“请求失败”其实不是接口坏了，先排查这几项。
| 现象 | 原因 | 解决办法 |
|---|---|---|
| Failed to fetch | 多为目标站点未开启 CORS，浏览器拦截了跨域响应；也可能是地址不通 | 让服务端返回 Access-Control-Allow-Origin，或用同源/代理调试 |
| 415 / 参数收不到 | 请求体格式与 Content-Type 不一致 | JSON 请求确认 Content-Type: application/json 且 body 是合法 JSON |
| 401 / 403 | 缺少登录态或鉴权令牌 | 在请求头补 Authorization: Bearer xxx 或 Cookie |
| http 地址被拦 | 当前站点是 https，浏览器按混合内容策略拦截 http 请求 | 尽量用 https:// 的接口地址 |
⚠️ 本工具直接在你的浏览器里发起真实 HTTP 请求，不会中转或保存任何数据。
是否能成功取到响应，取决于目标接口本身是否可用、是否允许跨域（CORS）以及网络环境，本工具无法绕过浏览器的同源安全策略。
请勿向不信任的地址发送包含密码、密钥、身份证等敏感信息的请求；调试生产接口前先确认操作安全（DELETE / PUT 可能真的改动数据）。
页面通过 HTTPS 打开时，浏览器会拦截发往 HTTP 地址的“混合内容”请求，属正常安全机制。
前后端联调、第三方接口对接时，经常需要快速发一个请求看看对方返回什么：状态码对不对、响应有多慢、JSON 长什么样。
这个工具就是一个跑在浏览器里的轻量接口调试器，不用下载安装 Postman、不用写代码：
它能做什么：
① 五种方法：GET / POST / PUT / PATCH / DELETE 一键切换；
② 自定义请求头：可添加任意 Key-Value，用于传 Token、Content-Type 等；
③ 请求体：支持 JSON（发送前校验语法）与纯文本，自动带 Content-Type；
④ 响应详情：HTTP 状态码、状态文本、耗时毫秒、响应体大小、Content-Type；
⑤ 响应头列表：完整展示服务器返回的每个 Header；
⑥ 响应体美化：JSON 自动缩进，可在“美化 / 原始”间切换并一键复制。
必须知道的限制：
· 浏览器有同源策略（CORS），目标服务器若不允许跨域，响应会被拦截，这不是工具能解决的；
· 请求是从你当前的网络和浏览器发出的，跟在自己电脑上访问效果一致；
· 对删除、修改类接口请谨慎操作，它们可能真的改动线上数据。
整个过程不经过任何中转服务器。
请求流程：
① 读取配置：方法、URL、请求头键值对、请求体类型与内容；
② 发送前校验：检查 URL 是否以 http(s) 开头，JSON 模式下先用 JSON.parse 校验语法，避免发出非法请求；
③ 组装请求：通过 fetch + AbortController 发起，自动补充 Content-Type，并用 30 秒超时防止无限等待；
④ 采集指标：用时间戳计算耗时，用 Blob 计算响应大小，枚举响应头；
⑤ 渲染结果：状态码按 2/3/4/5xx 着色，响应体能美化则缩进显示，并保留原始文本。
它不做：不绕过 CORS、不保存请求历史到服务器、不能代替服务端鉴权、不对接口数据做任何修改之外的操作。
Access-Control-Allow-Origin 允许当前页面访问，浏览器会直接拦截响应；Authorization，Value 填 Bearer 你的令牌（注意 Bearer 后有一个空格）。X-Token、apikey，按接口文档填写即可。Content-Type: application/json；application/x-www-form-urlencoded），需自行在请求头声明并按 a=1&b=2 的形式拼 Body。Set-Cookie 属于禁止前端读取的头，跨域时其余自定义头也需要服务端通过 Access-Control-Expose-Headers 显式放行后，JS 才能枚举到。这是浏览器标准行为。审核通过后就会展示在留言板上，稍安勿躁～
还没有留言，来抢沙发吧！