Http接口测试

📖 工具说明

1. 这是什么

一个浏览器里的轻量接口测试工具：拼好请求方法、URL、Query、Headers、Body，点「发送」，看状态码、耗时、响应头和响应体。响应是 JSON 会自动缩进高亮。

2. 关键限制：CORS

请求是浏览器直接用 fetch 发的，没有任何中转代理。所以：

• 只能请求允许跨域（CORS）的接口（响应带 Access-Control-Allow-Origin）。像 jsonplaceholder.typicode.com、httpbin.org 这类是可以的。
• 请求你自己后端的普通接口，多半会报「请求失败」——这是浏览器同源策略拦的，不是接口挂了。要测这种接口，用 Postman / curl / 你后端的联调环境。
• 跟随重定向 关掉时用的是 fetch 的 redirect: manual，返回的是不透明响应（状态 0、读不到 body），这是浏览器的限制。
• 部分响应头（Set-Cookie 等）浏览器不暴露给脚本，看不到属正常。

3. 功能

• 方法：GET / POST / PUT / DELETE / PATCH / HEAD / OPTIONS。
• Query：key/value 行，发送时拼进 URL。
• Headers：key/value 行，自定义 Content-Type、Authorization 等。
• Body（POST/PUT/PATCH/DELETE）：
  • raw JSON / raw text：原样发，自动补对应 Content-Type。
  • form-urlencoded / multipart：每行一个 key=value。
• 超时：100–120000ms，超时自动中止。
• 响应：Body（JSON 高亮 / 纯文本 / Hex）、Headers、curl、Raw 四个标签；可复制、可下载（按 Content-Type 猜扩展名）。
• 生成 curl：把当前请求转成 curl 命令。
• 历史：发送后自动存本机浏览器（最多 100 条），点一条即回填；也可只「保存到历史」不发送。「清空历史」点两下确认。

4. 操作

1. 填 URL、选方法。
2. 需要就加 Query / Headers / Body。
3. 点「发送」（或在 URL 框按回车）。
4. 看右边的状态码、耗时、响应。

5. 说明

• 请求、响应、历史都在你的浏览器本地处理，不经过本站服务器，不上传、不记录。
• 没有环境变量、断言、集合、团队协作这些——就是「拼请求 → 发 → 看响应」。
• 历史存在当前浏览器，清缓存即丢，没有账号。

相关：URL 编码解码 · URL 地址解析 · JSON 格式化 · JWT 解码验证 · Useragent 分析。

只能测允许跨域的接口，测自己后端请用 Postman / curl。

📖 了解原理

📖 相关推荐