MarkTab - 我开发的浏览器书签管理扩展

为什么开发 MarkTab

作为一个常年在浏览器里囤积上百个书签的人，我一直对浏览器默认的书签管理体验不太满意。新标签页要么太花哨，要么太简陋；书签栏越来越长，找起来越来越麻烦。

于是我决定自己动手，做一个真正为自己设计的书签管理工具。这就是 MarkTab 的由来。

MarkTab 是什么

MarkTab 是一个 Chrome/Edge 浏览器扩展，它将你的书签整理成一个快速、清晰、隐私友好的书签工作台。安装后，它会替代浏览器默认的新标签页，让你能够更高效地管理和访问自己的书签。

项目开源在 GitHub：forhalunhaku/marktab

核心设计理念

开发 MarkTab 时，我给自己定了三个原则：

1. 快速访问

不重新发明轮子，而是基于你已经建好的书签文件夹结构自动分类。你的书签组织方式就是你的 MarkTab 界面。

2. 清晰界面

简洁优雅的设计，没有多余的干扰。支持多种主题，适应不同的使用场景和心情。

3. 隐私优先

不向任何第三方发送你的书签数据。书签标题、URL、域名，所有这些信息都只保存在你的浏览器本地。

主要功能

📁 智能分类

自动读取你的书签文件夹结构，按文件夹分组展示。支持递归文件夹，会显示完整的路径层级。

工作/
  ├── 前端开发/
  ├── 后端开发/
  └── 工具网站/
学习/
  ├── 技术文章/
  └── 在线课程/

🔍 快速搜索

支持按标题和 URL 实时搜索书签。更棒的是，支持搜索引擎前缀快捷切换：

g 关键词 → Google 搜索
bd 关键词 → 百度搜索
b 关键词 → Bing 搜索
d 关键词 → DuckDuckGo 搜索

📌 置顶书签

可以把最常用的书签置顶显示，不用每次都去文件夹里翻找。

👁️ 隐藏分类

有些文件夹只是用来归档的，不想在新标签页显示？一键隐藏即可。

🎨 主题切换

四套精心设计的主题：

主题	风格	适用场景
Graphite	深色冷静，电光青绿点缀	夜间工作，专注模式
Daylight	明亮清晰，高对比度	白天使用，阅读舒适
Forest	低对比度绿色	护眼模式，长时间浏览
Clay	温暖柔和，大地色调	轻松氛围，休闲时刻

⌨️ 键盘快捷键

全程支持键盘操作，不用碰鼠标也能快速导航：

快捷键	功能
`Ctrl/Cmd + K`	聚焦搜索框
`↑ / ↓`	在搜索结果中选择
`Enter`	打开选中的书签
`Shift + Enter`	用当前搜索引擎搜索
`Esc`	清除搜索或关闭面板

技术实现

MarkTab 采用纯原生技术栈，没有使用任何前端框架：

Manifest V3 - Chrome 扩展最新规范
原生 JavaScript - 无框架依赖，体积小巧
原生 CSS - CSS 变量实现主题系统，backdrop-filter 实现毛玻璃效果
Chrome Extension API - bookmarks、storage、tabs、action

为什么不用框架？

因为这是一个浏览器扩展，不是 Web 应用。扩展的体积直接影响启动速度，原生代码能让 MarkTab 保持轻量快速。整个扩展打包后只有几十 KB。

隐私保护

这一点值得单独强调：

✅ 使用 Chrome 内置的 favicon 服务获取网站图标
✅ 所有数据存储在本地 chrome.storage
✅ 不向任何第三方发送书签标题、URL 或域名
✅ 仅在主动搜索时才向搜索引擎发送请求

你的书签数据，只属于你自己。

安装方式

方式一：Chrome Web Store（推荐）

MarkTab 已提交 Chrome Web Store 审核，审核通过后即可直接在商店中搜索安装。届时这里会更新商店链接。

方式二：手动安装

访问 GitHub Releases 页面
下载最新版本的 marktab-x.x.x.zip 文件
解压到本地文件夹
打开 Chrome/Edge 的扩展管理页面 (chrome://extensions 或 edge://extensions)
开启右上角的”开发者模式”
点击”加载已解压的扩展程序”，选择解压后的文件夹

方式三：源码安装

git clone https://github.com/forhalunhaku/marktab.git
cd marktab
# 直接在浏览器中加载此文件夹

使用截图

新标签页界面

MarkTab 新标签页

新标签页界面 — 时钟、搜索栏、文件夹分类和置顶书签一目了然

搜索功能

MarkTab 搜索

搜索界面 — 支持按标题和 URL 实时搜索书签，也可切换搜索引擎进行网页搜索

设置界面

MarkTab 设置

设置界面 — 管理文件夹显示、置顶书签、主题切换等偏好设置

未来计划

MarkTab 目前已经是可用的状态，但还有一些想法想实现：

导入/导出书签配置
自定义主题（让用户自己配色）
书签访问统计和可视化
提交到 Chrome Web Store（审核中）

写在最后

MarkTab 是我为自己开发的一个工具，解决了我日常工作中遇到的实际问题。如果你也有类似的困扰，欢迎试试看。

如果你对这个项目感兴趣，可以在 GitHub 上 Star ⭐ 一下，也欢迎提 Issue 或 PR 一起完善它。

项目地址: github.com/forhalunhaku/marktab

本文同步发布于 MarkTab GitHub 仓库和 halunhaku’s blog