https://github.com/bavoch/side-dock
浏览器的 Dock 栏
https://github.com/bavoch/side-dock
chrome chrome-extension chrome-extensions launchpad productivity quickstart tool tools
Last synced: 10 months ago
JSON representation
浏览器的 Dock 栏
- Host: GitHub
- URL: https://github.com/bavoch/side-dock
- Owner: Bavoch
- Created: 2024-12-01T15:44:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-23T09:09:51.000Z (about 1 year ago)
- Last Synced: 2025-04-23T21:15:39.718Z (about 1 year ago)
- Topics: chrome, chrome-extension, chrome-extensions, launchpad, productivity, quickstart, tool, tools
- Language: JavaScript
- Homepage:
- Size: 762 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SideDock
### 浏览器的智能侧边栏
[](https://opensource.org/licenses/MIT)
[](https://github.com/Bavoch/Side-Dock/pulls)
[](https://github.com/Bavoch/Side-Dock/stargazers)
**SideDock 是一款优雅的浏览器扩展，为您提供一个随时可用的应用程序启动器，让您的网页浏览体验更加高效和便捷。**
[功能特点](#功能特点) •
[安装](#安装) •
[使用方法](#使用方法) •
[技术实现](#技术实现) •
[贡献](#贡献) •
[许可证](#许可证)
## 功能特点
### 🚀 快速访问您的常用网站
SideDock 在浏览器的左侧边缘创建一个优雅的应用程序启动器，让您可以一键访问您最常用的网站和应用程序。无需在标签页之间来回切换，只需点击图标即可立即跳转。
### 🎯 智能标签页管理
当您点击应用图标时，SideDock 会智能地检查是否已经有打开的相关标签页。如果有，它会直接切换到该标签页，而不是创建新的标签页，有效减少浏览器资源占用。
### 🖼️ 自动获取网站图标
SideDock 会自动获取并显示网站的图标，让您的侧边栏看起来美观且易于识别。支持多种图标获取方式，确保即使在复杂网络环境下也能显示高质量的图标。
### 🔄 拖放排序
通过简单的拖放操作，您可以自定义应用图标的排序，将最常用的网站放在最方便的位置。
### ⌨️ 快捷键支持
设置自定义快捷键，随时显示或隐藏侧边栏，无需使用鼠标即可快速访问您的应用程序。
### 🎨 优雅的设计
- **美观的视觉效果**：半透明背景与模糊效果，融入任何网页而不显突兀
- **流畅的动画**：平滑的过渡效果，提供出色的用户体验
- **暗色主题**：精心设计的暗色界面，减少视觉干扰
- **智能指示线**：在不使用时几乎不可见，需要时才会显示
### 🛠️ 便捷的管理功能
- **一键添加**：轻松将当前网站添加到侧边栏
- **编辑功能**：修改应用名称和URL
- **右键菜单**：快速管理应用
- **拖放排序**：直观地重新排列应用图标
## 安装
> **注意**：SideDock 目前处于开发阶段，尚未在各大浏览器扩展商店上架。
## 使用方法
### 添加网站
1. 访问您想要添加的网站
2. 点击 SideDock 侧边栏底部的 "+" 按钮
3. 网站将被添加到您的侧边栏，自动获取网站图标和标题
### 访问网站
1. 将鼠标移至屏幕左侧边缘，或使用设置的快捷键显示侧边栏
2. 点击应用图标即可访问对应网站
- 如果网站已在标签页中打开，将直接切换到该标签页
- 如果网站未打开，将在新标签页中打开
### 管理应用
1. 右键点击应用图标，打开上下文菜单
2. 选择"编辑"修改应用名称和URL
3. 选择"删除"从侧边栏中移除应用
4. 通过拖放操作重新排序应用图标
### 自定义快捷键
1. 点击浏览器工具栏中的 SideDock 图标，打开设置页面
2. 在快捷键设置区域，点击输入框并按下您想要使用的快捷键组合
3. 点击"保存"按钮应用更改
## 技术实现
### 核心技术
- **纯原生技术**：使用原生 JavaScript 开发，无需外部依赖
- **Chrome 扩展 API**：充分利用浏览器扩展功能
- **响应式设计**：适应不同屏幕尺寸和分辨率
### 性能优化
- **高效的图标获取**：多级缓存和多源获取策略
- **智能的标签页管理**：避免重复打开相同网站
- **平滑的动画效果**：使用 CSS 过渡和变换实现流畅体验
- **资源占用最小化**：精简代码和资源，确保轻量运行
### 架构设计
```
├─ background.js # 后台脚本，处理跨页面通信和图标获取
├─ content.js # 内容脚本，负责侧边栏的渲染和交互
├─ styles.css # 样式表，定义侧边栏的外观
├─ options.html # 设置页面
└─ options.js # 设置页面的脚本
```
## 隐私保护
SideDock 高度重视用户隐私：
- **本地存储**：所有数据仅存储在您的浏览器本地
- **零数据收集**：不会收集或传输您的浏览数据
- **最小权限**：仅请求必要的权限，不跟踪您的活动
- **开源透明**：代码完全开源，您可以审查所有功能
## 贡献
欢迎贡献代码、报告问题或提出新功能建议！
1. Fork 这个仓库
2. 创建您的特性分支 (`git checkout -b feature/amazing-feature`)
3. 提交您的更改 (`git commit -m 'Add some amazing feature'`)
4. 推送到分支 (`git push origin feature/amazing-feature`)
5. 打开一个 Pull Request
## 路线图
- [ ] 支持自定义主题和颜色
- [ ] 添加文件夹功能，对应用进行分组
- [ ] 实现云同步功能
- [ ] 支持更多自定义选项
- [ ] 添加更多交互动画
## 常见问题
### 侧边栏不显示怎么办？
请确保您没有禁用浏览器扩展，并尝试刷新页面。如果问题仍然存在，请尝试重新安装扩展。
### 如何备份我的应用列表？
目前，SideDock 将您的应用列表存储在浏览器的本地存储中。我们正在开发云同步功能，敬请期待。
### 支持哪些浏览器？
SideDock 目前支持基于 Chromium 的浏览器，包括 Google Chrome、Microsoft Edge、Brave 等。
## 许可证
本项目采用 MIT 许可证 - 详情请参阅 [LICENSE](LICENSE) 文件
## 致谢
- 感谢所有为这个项目做出贡献的开发者
- 特别感谢 [Google Favicon API](https://www.google.com/s2/favicons) 提供图标服务
---
**SideDock** - 让您的网页浏览更加高效、便捷和愉悦
[⬆️ 返回顶部](#sidedock)