乐于分享
好东西不私藏

今天收藏的网站明天就找不到了?这款插件轻松管理你的海量书签o(*≧▽≦)ツ

本文最后更新于2026-03-31,某些文章具有时效性,若有错误或已失效,请在下方留言或联系老夜

今天收藏的网站明天就找不到了?这款插件轻松管理你的海量书签o(*≧▽≦)ツ

📌浏览器收藏夹查看器,轻松管理你的海量书签

你是不是常常在 Chrome 浏览器里收藏了一堆网页,找起来却像大海捞针?今天就给大家分享一款作者开源自用的 Chrome 浏览器扩展——Chrome 收藏夹查看器,帮你快速查看与管理 Chrome 书签,简洁又高效!下载链接放在最后啦!!

#✨ 强大功能,一键掌控

  • • 快速查看书签:只需轻轻一键,弹窗即刻打开,所有 Chrome 书签一目了然。
  • • 实时搜索:无论是按标题还是 URL,都能快速定位你收藏的网页,精准查找不费力。
  • • 即时刷新:点击按钮,书签列表瞬间更新,确保看到的都是最新内容。
  • • 智能日期显示:这样直观的相对日期形式呈现,方便回顾。
  • • 精美界面:现代化的 UI 设计,简洁美观,使用起来心情愉悦。
  • • 快捷访问:点击书签,新标签页秒开,直达你想去的页面。

#📦 安装超简单

🔹方式一:加载已解压的扩展程序

  1. 1. 把本项目克隆或下载到你的电脑本地。
  2. 2. 打开 Chrome 浏览器,在地址栏输入 chrome://extensions/ 并访问。
  3. 3. 开启右上角的 开发者模式
  1. 4. 点击 加载已解压的扩展程序
  2. 5. 选中本项目所在文件夹,搞定!

🔹方式二:CRX 文件安装(待发布)

后续这个扩展会发布到 Chrome Web Store,到时候大家就可以通过下载 CRX 文件轻松安装啦。

#🚀 一学就会的使用说明

  1. 1. 安装完成后,在浏览器工具栏找到扩展图标并点击。
  2. 2. 这时就能看到你所有的 Chrome 书签列表啦。
  3. 3. 如果想找特定书签,用搜索框快速搜索。
  4. 4. 要是想同步最新书签,点击 刷新书签 按钮就好。
  5. 5. 看到心仪的书签,点击标题,新标签页马上打开。

#📁 项目结构

代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

chrome-bookmark-saver-extension/├── manifest.json          # 扩展配置文件├── src/│   └── background.js      # 后台服务,处理书签数据获取├── popup/│   ├── index.html         # 弹窗界面│   ├── script.js          # 弹窗交互逻辑│   └── styles.css         # 弹窗样式├── content.js             # 内容脚本(预留页面信息获取功能)├── types.js               # 类型定义└── icons/                 # 扩展图标    ├── icon16.png    ├── icon32.png    ├── icon48.png    └── icon128.png

#🔧 技术栈

  • • Manifest V3:运用最新的 Chrome 扩展 API,带来更棒的使用体验。
  • • 原生 JavaScript:无需复杂框架,轻量又高效。
  • • Chrome Storage API:稳稳存储数据。
  • • Chrome Bookmarks API:专业管理书签。

#🔐 权限说明

权限
用途
storage
存储扩展配置和缓存数据
bookmarks
读取和管理 Chrome 书签

🔹打包步骤

  1. 1. 在 chrome://extensions/ 页面点击 打包扩展程序
  2. 2. 选择项目根目录。
  3. 3. 然后就会生成 .crx 和 .pem 文件。

#📝 更新日志

🔹v1.0.0

  • • 初始版本发布,闪亮登场。
  • • 支持书签列表查看,一目了然。
  • • 支持搜索功能,精准定位。
  • • 支持刷新同步,时刻最新。

#📄 安装包路径

查看 LICENSE 文件

插件源代码开源地址:https://github.com/kokosay/chrome-bookmark-saver-extension

#🤝 等你来贡献

如果你有好想法,欢迎提交 Issue 和 Pull Request,一起让这个扩展更强大!

#📧 有问题别客气

要是使用过程中有任何问题或建议,提交 Issue 告诉我们就好啦!