RapidTabs

一个轻量、零依赖的浏览器鼠标手势扩展 —— 按住右键拖动，即刻操控浏览器。

---

✨ Features

• 16 种手势，开箱即用 —— 单向滑动（上/下/左/右）+ 12 种 L 形组合手势，覆盖日常浏览全部高频操作
• 完全自定义映射 —— 每个手势可自由绑定 15 种操作（关闭标签页、新建、刷新、切换标签、滚动……），在设置页面下拉选择即可生效
• 实时轨迹可视化 —— 手势过程中绘制带阴影的蓝色轨迹线，识别成功后弹出毛玻璃反馈标签，动画流畅
• 高性能增量绘制 —— Canvas 逐段绘制而非全路径重绘，passive 事件监听，高刷屏下依然丝滑
• 精致设置页面 —— 自定义 Toggle Switch、实时参数回显、三档快速预设（灵敏/平衡/稳健）、未保存提醒、Ctrl+S 快捷保存
• 暗色模式自适应 —— 设置页面与 Popup 均跟随系统 prefers-color-scheme 自动切换
• 零依赖、零构建 —— 纯原生 JavaScript + HTML + CSS，无框架、无打包工具，源码即产物
• Manifest V3 —— 遵循最新 Chrome 扩展规范，兼容 Chrome 与 Edge

↖ Back to top

🖱️ 默认手势一览

手势	操作	手势	操作
←	后退	→	前进
↑	向上滚动	↓	向下滚动
↓→	关闭标签页	←↑	恢复关闭标签页
→↑	新建标签页	→↓	刷新
↑←	切换到左边标签页	↑→	切换到右边标签页
↓←	停止加载	←↓	关闭所有标签页
↑↓	滚动到底部	↓↑	滚动到顶部
←→	关闭标签页	→←	恢复关闭标签页

所有手势均可在设置页面自由更改绑定操作，也可设为「无操作」来禁用。

↖ Back to top

⚡️ Quick start

从源码加载（开发模式）

1. 克隆仓库：

git clone https://github.com/Poppypy/RapidTabs.git

2. 打开浏览器扩展管理页面：

   • Chrome：访问 chrome://extensions
   • Edge：访问 edge://extensions

3. 开启右上角 开发者模式

4. 点击 加载已解压的扩展程序，选择克隆下来的 RapidTabs 文件夹

5. 完成！在任意网页上按住鼠标右键拖动即可使用

从 Release 安装

前往 Releases 页面下载最新的 RapidTabs-chrome.zip，解压后按上述步骤 2-4 加载。

↖ Back to top

📖 Usage

基本使用

在任意 http:// 或 https:// 页面上：

1. 按住鼠标右键
2. 拖动鼠标画出手势轨迹
3. 松开右键，手势被识别并执行对应操作

识别成功时，页面顶部会短暂显示操作名称（如 ✕ 关闭标签页），轨迹线随后淡出。

自定义手势映射

1. 右键点击扩展图标 → 选项，或点击 Popup 中的 打开设置页面
2. 在右侧 手势映射 区域，通过下拉框为每个手势选择操作
3. 修改后 自动保存，无需手动点击

调整识别参数

设置页面左侧提供了完整的识别参数调优面板：

• 方向段最小位移 —— 过滤抖动，数值越高越稳定
• 触发最小轨迹长度 —— 防止误触
• 最大识别时间 —— 超时视为无效
• 水平/垂直容差 —— 方向判断的容错角度

也可直接使用 快速预设（灵敏 / 平衡 / 稳健）一键切换。

📥 安装教程

1. 下载并解压 下载本项目的 .zip 压缩包，将其解压到一个文件夹中。
2. 进入扩展管理页 在 Chrome 浏览器地址栏输入以下地址并回车：

chrome://extensions/

3. 开启开发者模式 打开页面右上角的 开发者模式 (Developer mode) 开关。
4. 加载插件 点击左上角的 加载已解压的扩展程序 (Load unpacked) 按钮。
5. 完成安装 在弹出的窗口中，选择第 1 步解压后的文件夹即可。

切换标签页

关闭、恢复标签页

前进后退

滚动至顶（底）

↖ Back to top

📁 项目结构

RapidTabs/
├── manifest.json        # 扩展清单 (Manifest V3)
├── content.js           # 内容脚本 — 手势识别核心 + 轨迹绘制
├── service_worker.js    # 后台脚本 — 标签页操作 (关闭/新建/切换等)
├── options.html         # 设置页面 — 参数调优 + 手势映射配置
├── options.js           # 设置页面逻辑
├── popup.html           # 弹窗 — 手势速查 (动态读取用户配置)
└── icon.png             # 扩展图标

↖ Back to top

🤝 Contributing

欢迎提交 Issue 和 Pull Request！

1. Fork 本仓库
2. 创建你的功能分支：git checkout -b feature/amazing-feature
3. 提交更改：git commit -m 'Add amazing feature'
4. 推送到分支：git push origin feature/amazing-feature
5. 发起 Pull Request

↖ Back to top

🌟 Stargazers

📄 License

本项目基于 MIT License 协议开源。详见 LICENSE 文件。

↖ Back to top

---

如果这个项目对你有帮助，请给一个 ⭐ Star！