🌟 Eclipse Tab

新一代浏览器新标签页扩展

English | 简体中文

✨ 灵感白板 · 🌐 多重空间 · 🎨 美观高效

💡 AI 驱动开发 - 本项目 90% 使用 AI 辅助编码（VibeCoding）开发

Eclipse Tab 是一款功能强大的浏览器新标签页扩展，以 Zen Shelf（灵感白板） 和 Focus Spaces（多重空间） 为核心，让你的浏览器成为创意工作站和效率中心。

📖 目录

• ✨ 产品简介
• 📦 安装使用
• 🎯 核心功能
• 💡 使用技巧
• ❓ 常见问题

✨ 产品简介

Eclipse Tab 将你的浏览器新标签页变成一个强大的工作台：

• ✏️ Zen Shelf（灵感白板） - 随时随地记录灵感，支持文字和图片贴纸
• 🌐 Focus Spaces（多重空间） - 为不同场景创建独立工作空间
• 🎨 精美主题 - 多种主题模式，自定义壁纸

📦 安装使用

🎯 从扩展商店安装（推荐）

浏览器	安装链接
Chrome	Chrome 扩展商店
Edge	Edge 扩展商店
Firefox	Firefox 扩展商店

🛠️ 手动安装

📋 点击展开手动安装步骤

Chrome / Edge

1. 下载项目并解压
2. 打开 chrome://extensions/ 或 edge://extensions/
3. 开启"开发者模式"
4. 点击"加载已解压的扩展程序"，选择 dist 文件夹

🦊 Zen Browser 使用方法

📋 点击展开 Zen Browser 配置步骤

Zen Browser 基于 Firefox,需要额外配置才能正常使用 Eclipse Tab:

1. 按照上述 Firefox 的方式安装扩展
2. 点击新建标签页,在地址栏输入 about:config
3. 在搜索框中输入 zen.urlbar.replace-newtab
4. 将该选项的值设置为 false(禁用)
5. 重新打开新标签页即可使用 Eclipse Tab

💡 提示: 这个设置是为了禁用 Zen Browser 自带的新标签页弹窗,让 Eclipse Tab 能够正常显示。

🚀 开始使用

安装后打开新标签页：

1️⃣ 添加应用 → 点击编辑按钮添加常用网站
2️⃣ 创建空间 → 右键 Navigator 创建工作空间
3️⃣ 记录灵感 → 双击页面添加贴纸
4️⃣ 个性化 → 设置主题和壁纸

🎯 核心功能

✏️ Zen Shelf - 灵感白板 将新标签页变成自由的创意空间,像桌面便签纸和照片墙一样随时记录灵感。 📝 文字贴纸 - 快速记录想法,自定义样式 ️ 图片贴纸 - 保存灵感图片,自由缩放 🎭 自由布局 - 拖拽摆放,自动避让界面元素	🌐 Focus Spaces - 多重空间 为不同场景创建独立工作空间,实现工作、学习、娱乐的完美分离。 🗂️ 多空间管理 - 创建、切换、导入导出空间 📋 独立应用列表 - 每个空间有自己的应用 💼 场景化使用 - 工作、学习、娱乐互不干扰
🚀 Dock 应用栏 macOS 风格的应用管理,优雅高效。 📌 快速访问 - 常用网站一键打开 📁 文件夹整理 - 拖拽创建文件夹,保持整洁 ✨ 流畅动画 - 优雅的交互体验	🎨 精美主题 个性化你的新标签页,多种主题模式和自定义选项。 🌈 四种模式 - Default、Light、Dark、Auto 自动跟随系统 🖼️ 自定义背景 - 渐变色、纯色、上传壁纸,支持纹理叠加 🎯 智能适配 - 自动调整文字颜色,确保可读性

---

💡 使用技巧

这里列出一些容易被忽略的功能和交互方式，帮助你更好地使用 Eclipse Tab。

🎯 界面交互

• 设置入口：鼠标移动到页面左上角会出现设置图标 ⚙️，点击可进入设置
• 编辑模式：鼠标移动到页面右上角会出现编辑按钮 ✏️，点击可编辑 Dock 应用

✏️ Zen Shelf 技巧

• 双击创建：双击页面空白处快速创建文字贴纸
• 粘贴图片：使用 Ctrl+V 可以直接粘贴剪贴板中的图片
• 双击编辑：双击文字贴纸可以重新编辑内容
• 导出图片：文字贴纸支持导出为图片，方便分享
• 自动置顶：点击贴纸会自动置顶，确保重要内容始终可见
• 回收站：误删贴纸可从屏幕边缘回收站恢复或清除

🚀 Dock 技巧

• 长按编辑：点击右上角编辑按钮、长按 Dock 图标或使用右键菜单可以进入编辑模式
• 创建文件夹：拖拽一个应用到另一个应用上会自动创建文件夹
• 自动解散：文件夹中少于 2 个应用时会自动解散

🌐 Focus Spaces 技巧

• 循环切换：点击 Dock 栏最右侧的空间切换按钮可以循环切换不同空间
• 空间管理：右键 Dock 栏最右侧的空间切换按钮可以置顶空间、修改空间名称、删除空间、导入导出空间配置

---

❓ 常见问题

🔒 数据与隐私

数据存储在哪里？

• 所有数据存储在本地浏览器中，使用 localStorage 和 IndexedDB
• 不会上传到任何云端服务器
• 您的数据完全属于您自己，我们无法访问

是否会上传用户数据？

• 不会。Eclipse Tab 不收集、不上传任何用户数据
• 所有功能完全在本地运行，保证您的隐私安全

卸载扩展后数据会怎样？

• 卸载扩展后，浏览器会清除扩展的所有数据
• 建议在卸载前导出空间配置和重要贴纸内容

💾 备份与恢复

如何备份数据？

• 空间配置：右键 Dock 栏最右侧的空间切换按钮 → 选择“导出空间”→ 保存 JSON 文件

如何恢复数据？

• 空间配置：右键 Dock 栏最右侧的空间切换按钮 → 选择“导入空间”→ 选择之前导出的 JSON 文件

---

📝 关于项目

Eclipse Tab 是一个使用现代 Web 技术构建的浏览器扩展项目，90% 的代码通过 AI 辅助编码（VibeCoding）完成。

技术栈

• React 18 + TypeScript
• Vite 构建工具
• CSS Modules

数据存储

• 所有数据自动保存到本地
• 使用 localStorage 和 IndexedDB
• 支持大容量壁纸存储（突破 5MB 限制）

---

🙏 致谢

感谢所有使用和支持 Eclipse Tab 的用户！

如果你喜欢这个项目，欢迎：

• ⭐ Star 本项目
• 🐛 提交 Issue 反馈问题
• 💡 分享你的使用体验

---

📄 许可证

GNU GPLv3

---

Eclipse Tab - 让每一个新标签页都成为一次愉悦的开始 ✨

Made with ❤️ using AI-assisted coding (VibeCoding)