Bookmark Nav
浏览器书签导航页扩展。它会覆盖浏览器新标签页,把 Chrome / Edge 书签转换成一个可搜索、可分组、可管理的网址导航页。
功能亮点
- 新标签页导航:打开新标签页即可浏览所有浏览器书签。
- 文件夹侧边栏:按浏览器书签文件夹展示,支持当前文件夹或包含子文件夹两种范围。
- 书签卡片:favicon 、标题、域名和文件夹路径清晰展示,支持舒适/紧凑密度。
- 书签管理:单个书签支持复制链接、编辑、移动、删除;多选后支持批量复制、批量移动和批量删除。
- 搜索增强:按标题、域名、URL 、文件夹路径匹配,并按相关性排序。
- 网页搜索:可在 Google 、Bing 、DuckDuckGo 、百度之间切换,书签无结果时可继续网页搜索。
- 常用/最近:自动记录打开历史,生成常用书签和最近打开视图。
- 设置页:配置搜索、展示和数据管理;支持导出/导入本地设置与历史记录。
- 安全确认:删除、批量删除、移动、清空记录、恢复默认和清理本地数据均使用应用内确认弹窗。
搜索语法
搜索框支持普通关键词,也支持组合语法:
react docs # 同时匹配 react 和 docs
react -redux # 匹配 react ,但排除 redux
site:github.com react # 只搜索 github.com 域名下的书签
@工作 react # 只搜索文件夹路径包含“工作”的书签
快捷键:
/:聚焦搜索框Enter:打开选中的书签,或执行网页搜索↑ / ↓:在搜索结果中移动选中项Ctrl K/Cmd K:切换书签搜索和网页搜索Esc:关闭弹窗/设置面板,或清空并退出搜索框
安装使用
开发模式
项目要求 Node.js >=22.14.0,CI 会读取 .nvmrc 保持版本一致。
pnpm install
pnpm dev
pnpm dev 会以 Edge 开发模式启动 WXT 。启动后按终端提示安装或加载扩展。
手动加载生产构建
pnpm build
构建产物在 .output/chrome-mv3/。在 Chrome / Edge 扩展管理页打开“开发者模式”,选择“加载已解压的扩展”,然后选择该目录。
技术栈
- WXT 0.20
- React 19
- Tailwind CSS v4
- TypeScript
- Vitest
- Biome
权限说明
扩展只声明 bookmarks 权限,用于读取和管理浏览器书签。
当前设计不注入页面,不包含 content_scripts,也不需要网络权限。favicon 使用浏览器内部的 chrome://favicon/size/32@2x/{origin} 方案,并带本地缓存和兜底图标。
Firefox 构建当前未声明数据收集权限; WXT 的相关提醒已在配置中压制。后续如果正式上架 Firefox ,需要按 Mozilla 最新要求复核数据收集声明。
数据说明
- 浏览器书签:来自
chrome.bookmarks,编辑、移动、删除会直接作用于浏览器书签。 - 常用/最近记录:保存在扩展本地
localStorage,书签失效后会自动剔除。 - 设置数据:保存在扩展本地
localStorage。 - 导出/导入:只包含设置和常用/最近记录,不包含浏览器书签树。