Skip to content

Repository files navigation

MyTab ✨ 高颜值新标签页扩展 (支持 WebDAV / Git 多端云同步)

一款极简、高颜值、支持毛玻璃与深浅色模式的现代化浏览器新标签页(New Tab)扩展。全面兼容 Google Chrome (MV3)Microsoft EdgeMozilla Firefox 及各大 Chromium 内核浏览器。


🌟 核心特性

  • 🎨 极简高质感设计:支持毛玻璃质感 (Glassmorphism)、卡片透明度与大小自由微调、图标占比滑块调节、暗黑与明亮模式无缝切换、内置落日海滩高清壁纸与 Bing / Unsplash 每日壁纸。
  • 智能图标抓取与离线缓存:添加网址时自动解析并抓取目标网站的高清 Favicon 与 Title,在本地自动转为 Base64 持久化缓存,实现 0 毫秒秒开、无网络白块闪烁,支持自定义上传本地图标。
  • 🗂️ 分类与拖拽排序:支持多分组管理、卡片 iOS 级平滑拖拽重排 (Drag & Drop)、快捷增删改查。
  • 🔍 多引擎聚合搜索:内置 Google、Bing、百度、DuckDuckGo、Yandex、GitHub 搜索引擎快速切换,支持按 / 键秒级聚焦输入。
  • 🐙 Git 云端备份 (GitHub / Gitee):支持 私密 Gist 代码片段(仅需 Token 一键全自动同步)私有 Git 仓库 双模式,原生通过 GitHub / Gitee API 读写,支持「自动识别建仓/建Gist」、「上传备份」、「拉取恢复」与智能冲突合并。
  • ☁️ WebDAV 多端私有同步:无缝对接坚果云、Nextcloud、ownCloud、Alist、群晖 NAS 等私有 WebDAV 服务,支持毫秒级时间戳智能版本仲裁与双向同步。
  • 📦 本地备份与恢复:支持全量配置与网址数据的 JSON 一键导出与导入。
  • 🌐 多语言国际化:完整支持简体中文、繁体中文、英语 (English)、日语 (日本語)、韩语 (한국어)、法语 (Français)、俄语 (Русский) 7 种国际化语言。

🚀 安装与使用

方式一:官方扩展商店一键安装(推荐普通用户)

浏览器平台 安装途径 状态
Microsoft Edge 🌐 前往 Edge Add-ons 官方扩展中心安装 ✅ 官方认证上架
Mozilla Firefox 🦊 前往 Firefox 附加组件中心一键安装 ✅ 官方认证上架
Google Chrome 🟡 因注册 Chrome 应用商店开发者需要交纳5美元的费用,正在众筹中... 🚀 支持离线/拖拽安装
其他 Chromium 浏览器 (Brave, 360, QQ, 搜狗, UC, 115 等) 📦 前往 GitHub Releases 页面 下载 chrome.zipchrome.crx 🚀 支持离线/拖拽安装

方式二:源码编译与本地调试(开发者)

步骤一:克隆仓库并安装依赖

# 1. 克隆代码仓库
git clone https://github.com/Troray/MyTab.git
cd MyTab

# 2. 安装项目依赖
npm install

步骤二:一键构建扩展包

# 构建全平台扩展产物 (同时生成 Chrome MV3 与 Firefox 产物)
npm run build

# (可选) 一键生成分发用的 .zip 压缩包
npm run package

构建成功后,将在 dist/ 目录下生成各浏览器的解压可用产物与安装包:

  • dist/chrome/:适用于 Google Chrome、Microsoft Edge、Brave、360 极速等 Chromium 浏览器。
  • dist/firefox/:适用于 Mozilla Firefox 浏览器。
  • dist/mytab-chrome.zip / dist/mytab-firefox.zip:发布与分发压缩包。

步骤三:加载已编译扩展

  1. Google Chrome / Microsoft Edge / Brave 等浏览器

    • 打开浏览器,在地址栏访问:chrome://extensions/(Edge 访问 edge://extensions/)。
    • 打开右上角 「开发者模式」(Developer mode) 开关。
    • 点击左上角 「加载已解压的扩展程序」(Load unpacked)
    • 选择本项目目录下的 dist/chrome 文件夹即可。
  2. Mozilla Firefox 浏览器

    • 打开 Firefox 浏览器,在地址栏访问:about:debugging#/runtime/this-firefox
    • 点击 「临时载入附加组件...」(Load Temporary Add-on...)
    • 选择 dist/firefox/manifest.json 文件(或 dist/mytab-firefox.zip)即可。

☁️ 云端同步与备份指南

MyTab 提供两套完全去中心化、保护隐私的云端同步方式:

1. WebDAV 同步(坚果云 / NAS / Nextcloud)

WebDAV 服务商 服务器地址示例 用户名 密码 / 授权码
坚果云 (Jianguoyun) https://dav.jianguoyun.com/dav/ 注册邮箱 应用专属授权密码
Nextcloud / ownCloud https://your-domain.com/remote.php/dav/files/USER/ 用户名 登录密码或应用 Token
Alist https://your-alist-domain.com/dav Alist 账号 Alist 密码
群晖 Synology WebDAV https://nas-ip:5006/ NAS 账户 NAS 密码
  • 打开「⚙️ 设置 -> 同步 -> WebDAV」,填入对应信息后点击 「测试连接」
  • 可随时点击 「⬆️ 上传备份」「⬇️ 拉取恢复」,亦可开启「数据变动时自动同步」。

2. Git 云端同步(GitHub / Gitee)

MyTab 深度整合了 GitHub 与 Gitee API,支持平台独立隔离与无缝切换,提供两种灵活的同步模式:

方案 A:私密 Gist 代码片段同步(极简)

只需一个 Token,无需手动建仓建分支,即可实现全自动私有化同步:

  1. 获取 Token (令牌)
    • GitHub:点击设置页内置的快捷链接生成一个带有 gist 权限的 Personal Access Token。
    • Gitee:点击设置页快捷链接生成一个带有 gists 权限的私人令牌。
  2. 一键自动配置
    • 进入「⚙️ 设置 -> 同步 -> Git 同步」,选择对应平台并粘贴 Token。
    • 点击 「测试连接 / 自动配置」,MyTab 将自动获取用户信息,并在云端自动查找或一键创建专属私密 Gist (mytab-backup.json)。

方案 B:独立私有仓库同步 (Repo 模式)

适合习惯将数据备份存放在独立 Git 仓库的高级用户:

  1. 获取 Token:生成带有 repo (GitHub) 或 projects (Gitee) 权限的 Token。
  2. 智能连接与自动建仓
    • 填入 Token 与仓库名(支持自定义名称如 my-tab-backup 或直接粘贴完整仓库链接,留空则默认 MyTab-Backup)。
    • 点击 「验证并连接」
      • 若仓库已存在:插件将自动识别、关联该仓库并检测主分支;
      • 若仓库不存在:插件将通过 API 自动在远端创建全新的私有仓库并自动完成关联,全程无需前往网页手动建仓。

⚡ 自动化与多端漫游

  • 自动同步:开启「数据变动时自动云端同步」后,增删改查书签与配置变动时后台将自动同步至云端。
  • 双向漫游:支持随时「⬆️ 上传备份」与「⬇️ 拉取恢复」,内置多端时间戳智能版本仲裁与数据合并机制。

🛠️ 本地开发与调试

# 启动本地开发热重载预览
npm run dev

🔒 权限与隐私声明 (Privacy & Permissions)

  • storage / unlimitedStorage:用于在本地安全存储用户的网址书签、自定义分类、外观偏好及 Base64 离线图标缓存。
  • alarms:用于在后台按需触发静默自动同步(仅在用户开启自动同步时运行)。
  • host_permissions (<all_urls>):用于在添加网址时解析公开的网页标题与 Favicon 图标,以及直连用户配置的私有 WebDAV 服务器或 Git API。
  • 数据隐私承诺:本扩展遵守严格的零数据收集与零追踪策略,无任何埋点、统计或第三方 Cookie,详情可参阅 PRIVACY.md

❤️ 支持项目

如果觉得这个项目对你有帮助,你可以通过以下方式支持我:

  1. ⭐ 给项目点个 Star,让更多的人看到
  2. 📢 分享给更多有需要的朋友
  3. ☕ 请作者喝杯冰阔乐~
微信 支付宝

📄 License

MIT License © 2026 Troray (MyTab)

About

一款极简、高颜值、支持毛玻璃与深浅色模式的现代化浏览器新标签页(New Tab)扩展。全面兼容 Google Chrome (MV3)、Firefox、Edge 及 Chromium 内核浏览器。

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages