StarTab 🚀

一个精美的太空主题 Chrome 新标签页扩展，帮你轻松管理所有打开的标签页。

基于 zarazhangrui/tab-out 改造，添加了太空主题背景和快捷方式栏。

✨ 功能特性

• 🌌 太空主题背景 - 地球太空视角的精美壁纸
• 🎨 毛玻璃效果 - 现代化的半透明UI设计
• 👋 智能问候 - 根据时间自动显示中文问候语
• ⚡ 快捷方式栏 - 快速访问常用网站（显示favicon图标）
• 📑 标签分组 - 按域名自动分组，一目了然
• 💾 保存标签 - 保存重要标签页，稍后阅读
• 🗂️ 归档功能 - 整理和归档保存的标签
• 🔔 智能提醒 - 检测多个扩展标签页并提醒
• 🎉 关闭动画 - 关闭标签页时有彩纸特效

📦 安装方法

开发者模式安装（推荐）

1. 打开 Chrome 浏览器
2. 访问 chrome://extensions/
3. 开启右上角的 "开发者模式"
4. 点击 "加载已解压的扩展程序"
5. 选择本项目文件夹
6. 完成！打开新标签页即可看到效果

🎯 使用说明

快捷方式管理

• 顶部显示常用网站快捷方式（Twitter、YouTube、V2EX 等）
• 自动获取网站favicon图标
• 点击图标快速访问对应网站

标签页管理

查看标签页：

• 左侧显示所有已打开的标签页
• 按域名自动分组
• 每个分组显示标签页数量和favicon

关闭标签页：

• 悬停标签页显示关闭和保存按钮
• 点击域名卡片底部的"Close X tabs"批量关闭
• 关闭时有彩纸庆祝动画 🎉

保存标签页：

• 点击标签页右侧的书签图标保存
• 保存的标签页显示在右侧"Saved for later"面板
• 勾选复选框可将标签页归档
• 点击 X 按钮移除保存的标签页

智能提醒

• 当检测到多个 Tab Out 标签页时显示提醒横幅
• 点击"Yes"保留当前标签页，关闭其他

🎨 自定义设置

修改用户名

编辑 app.js 文件：

const CONFIG = {
  userName: '你的名字',
  // ...
};

修改快捷方式

编辑 app.js 文件中的 CONFIG.defaultShortcuts：

defaultShortcuts: [
  { name: 'twitter', url: 'https://x.com' },
  { name: 'youtube', url: 'https://www.youtube.com/' },
  { name: 'v2ex', url: 'https://www.v2ex.com/' },
  // 添加更多...
]

修改背景图片

编辑 config.local.js 文件：

// 自定义背景图片（填写图片URL，留空使用默认）
const LOCAL_BACKGROUND_IMAGE = 'https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?w=1920&q=80';

支持任何图片URL，建议使用高清太空图片。

📁 项目结构

extension/
├── manifest.json      # 扩展配置文件
├── index.html         # 主页面
├── style.css          # 样式文件（太空主题）
├── app.js             # 主要功能
├── config.local.js    # 个人配置（可选）
├── background.js      # 后台服务
├── icons/             # 图标文件
└── README.md          # 说明文档

🔧 技术栈

• Manifest V3 - 最新的 Chrome 扩展 API
• Vanilla JavaScript - 原生 JS，无依赖
• CSS3 - 毛玻璃效果、动画、响应式设计
• Chrome Storage API - 数据持久化
• Chrome Tabs API - 标签页管理
• 字体 - DM Sans + Newsreader

📄 许可证

MIT License

---

项目来源于 Tab Out