Skip to content

Latest commit

 

History

History
98 lines (74 loc) · 3.05 KB

File metadata and controls

98 lines (74 loc) · 3.05 KB

请求发送器

Chrome Web Store

一个用于管理和发送 HTTP 请求的 Chrome 扩展程序。

English Documentation

功能特点

  • 创建和管理 HTTP 请求
  • 支持多种 HTTP 方法(GET、POST、PUT、DELETE、PATCH)
  • 自定义请求头和请求体
  • 支持多种内容类型(JSON、表单 URL 编码、文本)
  • 请求中的动态字段和占位符
  • 请求历史和日志
  • 多语言支持(英文、中文)

使用方法

  1. 点击 Chrome 工具栏中的扩展图标打开扩展程序
  2. 在"创建请求"标签页中创建新请求:
    • 为请求命名
    • 输入目标 URL
    • 选择 HTTP 方法
    • 根据需要添加自定义请求头
    • 为 POST/PUT/PATCH 方法配置请求体
    • 如需使用动态字段,请使用 {{字段名}} 语法
  3. 点击"保存"按钮保存请求
  4. 在"我的请求"标签页中管理和发送请求
  5. 在"日志"标签页中查看请求历史和结果

动态字段

您可以创建包含动态字段的请求,这些字段将在运行时填充:

  1. 在 URL、请求头或请求体中使用 {{字段名}} 语法
  2. 发送请求时,系统会提示您填写这些字段
  3. 这样可以使用不同的参数重复使用同一个请求

上下文菜单集成

在网页上右键点击任何文本可以:

  • 将选中的文本发送到现有请求
  • 使用选中的文本创建新请求

开发

要在本地开发此扩展程序:

  1. 克隆仓库
  2. 打开 Chrome 浏览器,进入扩展管理页面(chrome://extensions
  3. 启用开发者模式
  4. 点击"加载已解压的扩展程序"并选择项目文件夹

安装

  1. Chrome Web Store 安装(推荐)
  2. 或者手动安装:
    • 下载扩展程序的最新版本
    • 打开 Chrome 浏览器,进入扩展管理页面(chrome://extensions
    • 启用开发者模式
    • 点击"加载已解压的扩展程序"并选择项目文件夹

项目结构

  • manifest.json:扩展程序配置
  • popup.html:主扩展程序 UI
  • background.js:后台服务工作线程
  • js/main.js:主应用程序入口点
  • js/modules/:模块化 JavaScript 组件
    • request.js:请求操作
    • requestForm.js:表单处理
    • ui.js:UI 交互
    • logs.js:日志功能
    • i18n.js:国际化
  • _locales/:语言文件
    • en/:英文翻译
    • zh_CN/:中文翻译
  • css/:样式表
  • icons/:扩展程序图标

请求数据结构

每个请求包含以下字段:

  • name:请求名称
  • url:请求目标 URL
  • method:HTTP 方法(GET、POST、PUT、DELETE、PATCH)
  • contentType:内容类型(JSON、表单 URL 编码、文本)
  • headers:请求头(JSON 格式)
  • body:请求体

待办事项

  • 使用 Google 账户同步扩展程序设置
  • 添加更多内容类型和身份验证方法
  • 导出/导入请求集合