03-界面说明

界面说明

整体布局

┌──────────────────────────────────────────────────────────┐
│  ◆ HTTP调试助手  v1.0                       [中文▼]     │ ← 头部栏
├──────────┬───────────────────────────────────────────────┤
│ 请求历史  │  请求构建区                                    │
│          │  ┌─ URL 栏 ───────────────────────────────┐  │
│ (左侧    │  │ [GET ▼] [https://...] [SSL ☐] [发送] │  │
│  面板)   │  └────────────────────────────────────────┘  │
│          │  ┌─ 选项卡 ───────────────────────────────┐  │
│          │  │ Params │ Headers │ Body               │  │
│          │  ├────────────────────────────────────────┤  │
│          │  │ (参数编辑区)                            │  │
│          │  └────────────────────────────────────────┘  │
│          │───────────────────────────────────────────────│
│          │  响应展示区                                    │
│          │  ┌─ 状态栏 ───────────────────────────────┐  │
│          │  │ 状态: 200 OK │ 耗时: 234ms │ 大小: 312B│  │
│          │  └────────────────────────────────────────┘  │
│          │  ┌─ 选项卡 ───────────────────────────────┐  │
│          │  │ Body │ Headers                        │  │
│          │  ├────────────────────────────────────────┤  │
│          │  │ (响应内容区)                            │  │
│          │  └────────────────────────────────────────┘  │
└──────────┴───────────────────────────────────────────────┘

头部栏

元素	说明
◆ HTTP调试助手	工具名称
v1.0	版本号
中文/English	语言切换下拉框，实时切换界面语言

请求构建区（右上）

控件	说明
方法下拉框	选择 HTTP 方法：GET / POST / PUT / DELETE / PATCH / HEAD / OPTIONS
URL 输入框	输入完整的请求 URL，支持 `{{变量}}` 环境变量语法
SSL 复选框	勾选后使用 HTTPS 协议（默认不勾选时 URL 以 http:// 开头则以 HTTP 发送）
发送按钮	点击发送当前请求

Params 标签页

表格形式的 Query 参数编辑器，URL 参数将以 ?key1=value1&key2=value2 格式拼接到 URL。

列	说明
Key	参数名
Value	参数值，当 Type 为 File 时为文件路径
Type	Text（普通文本）或 File（文件上传），选 File 时出现文件选择按钮
删除	点击 `-` 按钮删除该行

操作按钮：
+ 添加参数：新增一行
- 删除选中：删除当前选中行

Headers 标签页

自由文本编辑区，按以下格式输入请求头（每行一个）：

Content-Type: application/json
Authorization: Bearer eyJhbGciOi...
Accept: */*

Body 标签页

请求体编辑区，用于 POST/PUT/PATCH 等方法的请求体内容。

可用状态：POST / PUT / PATCH / DELETE / OPTIONS
禁用状态：GET / HEAD（这两种方法不支持 Body，控件灰显并显示提示）

响应展示区（右下）

元素	说明
状态码	显示 HTTP 状态码及文本（如 `200 OK`、`404 Not Found`）
耗时	请求从发送到接收完成的耗时（毫秒）
大小	响应体字节数

操作按钮：
复制响应：将响应体内容复制到剪贴板
复制 cURL：将当前请求转换为 cURL 命令并复制

Body 标签页

展示响应体的文本内容，自动识别 JSON 并格式化显示。

Headers 标签页

展示服务器返回的所有响应头。

请求历史面板（左侧）

功能	说明
历史列表	按时间倒序显示所有请求记录，每项显示方法 + URL
点击回放	点击历史记录，自动填充请求区并重新发送
右键菜单	重命名：自定义显示名称固定/取消固定：置顶该记录
置顶标记	被固定的记录显示在最上方，带 📌 标记
清空历史	右下角按钮清空全部记录