URL Params Recorder - URL 参数记录器

产品简介

URL Params Recorder 是一款 Chrome 浏览器扩展程序，旨在帮助用户轻松保存和管理特定网站路径下的 URL 参数。当您再次访问这些路径时，扩展程序可以自动应用已保存的参数，极大地简化了需要频繁使用特定 URL 参数的场景，例如在开发、测试或特定功能访问中。

核心亮点：

• 一键保存：快速保存当前页面的 URL 参数。
• 自动应用：再次访问已保存的路径时，自动附加参数到 URL。
• 灵活管理：轻松启用、禁用或删除已保存的参数配置。
• 快速跳转：直接通过扩展弹窗跳转到带参数的目标页面。
• 便捷搜索：快速查找已保存的参数配置。
• 状态记忆：搜索框会自动记住上次的搜索内容，并自动聚焦，提升使用效率。

截图展示

(建议在此处添加产品的主要界面截图，例如 popup 弹窗的列表展示、保存按钮等)

功能概览

• 保存 URL 参数：当用户在某个页面时，可以点击扩展图标，在弹窗中点击 "Save Parameters" 按钮，当前页面的 URL (域名 + 路径) 及其查询参数将被保存。
• 参数列表展示：弹窗会列出所有已保存的 URL 路径及其对应的参数。
• 启用/禁用参数：用户可以为每个已保存的条目切换其启用 (Enable) 或禁用 (Disable) 状态。只有启用的参数才会在访问对应路径时自动应用。
• 删除参数：用户可以删除不再需要的参数配置。
• 自动应用参数：当用户通过浏览器地址栏、书签或链接等方式访问一个已保存且状态为启用的路径时，content_script.js 会自动将保存的参数附加到当前 URL 并重新加载页面。
• Goto 功能：在参数列表中，每个条目旁边都有一个 "Goto" 按钮，点击后会打开一个新的标签页，其 URL 为该条目对应的路径加上已保存的参数。
• 搜索功能：用户可以在弹窗顶部的搜索框中输入关键词，实时过滤显示的参数列表。搜索框会记住上次的搜索内容，并在下次打开时自动填充和聚焦。

安装和使用说明

安装步骤

1. 下载本项目代码到本地，或者通过 git clone 克隆仓库。
2. 打开 Chrome 浏览器，在地址栏输入 chrome://extensions 并回车，进入扩展程序管理页面。
3. 确保页面右上角的 "开发者模式" (Developer mode) 开关已打开。
4. 点击 "加载已解压的扩展程序" (Load unpacked) 按钮。
5. 在文件选择对话框中，选择本项目代码所在的文件夹 (例如 url-params-recorder)。
6. 安装完成！您应该能在 Chrome 工具栏看到扩展程序的图标。

使用方法

1. 保存参数：
   • 浏览到您想要保存参数的网页，例如 https://example.com/path?param1=value1&param2=value2。
   • 点击浏览器工具栏上的 "URL Params Recorder" 图标，打开弹窗。
   • 点击 "Save Parameters" 按钮。当前 URL 的路径 (example.com/path) 和参数 (?param1=value1&param2=value2) 将被保存。
2. 管理参数：
   • 再次点击扩展图标，可以看到已保存的参数列表。
   • 搜索：在顶部的搜索框输入关键词可以筛选列表。
   • 启用/禁用：点击条目旁的 "Enable" 或 "Disable" 按钮切换其状态。
   • 删除：点击条目旁的 "Delete" 按钮删除该配置（会有确认提示）。
   • 跳转 (Goto)：点击条目旁的 "Goto" 按钮，会新开一个标签页并应用该条目的参数。
3. 自动应用：
   • 当您下次访问一个已保存且状态为 "Enable" 的路径时 (例如直接在地址栏输入 https://example.com/path 或通过书签访问)，扩展程序会自动将保存的参数附加到 URL，并刷新页面到 https://example.com/path?param1=value1&param2=value2。

技术栈说明

• JavaScript (ES6+): 核心逻辑实现。
• Chrome Extension APIs:
  • chrome.storage.local: 用于在用户本地存储已保存的 URL 参数和它们的状态。
  • chrome.tabs: 用于获取当前标签页信息 (URL) 以及创建新标签页 (Goto 功能)。
  • chrome.scripting: (虽然 manifest.json 中声明了，但当前 content_script.js 是通过 manifest.json 的 content_scripts 字段静态注入的，如果未来有动态注入脚本的需求则会用到)。
  • chrome.action: 定义浏览器右上角扩展图标的行为和弹窗页面。
• HTML & CSS: 构建扩展程序的弹窗界面 (popup.html 和相关样式)。
• Manifest V3: 项目遵循 Chrome 扩展的 Manifest V3规范。

最近更新 (部分)

• a60fca2 - feat: 输入框可以保持上一次的状态，并且打开插件之后自动获得焦点 (58 秒钟前)
• a89b6e8 - feat: allow users to retrieve records (12 分钟前)
• a5d7296 - feat: add goto button (32 分钟前)
• ad0fe05 - feat: add read me (4 小时前)
• c2a6a25 - feat: init url recorder params (4 小时前)

开源说明

本项目基于 MIT 许可证开源。欢迎贡献代码或提出改进建议！