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

你是不是常常在 Chrome 浏览器里收藏了一堆网页,找起来却像大海捞针?今天就给大家分享一款作者开源自用的 Chrome 浏览器扩展——Chrome 收藏夹查看器,帮你快速查看与管理 Chrome 书签,简洁又高效!下载链接放在最后啦!!
#✨ 强大功能,一键掌控
-
• 快速查看书签:只需轻轻一键,弹窗即刻打开,所有 Chrome 书签一目了然。 -
• 实时搜索:无论是按标题还是 URL,都能快速定位你收藏的网页,精准查找不费力。 -
• 即时刷新:点击按钮,书签列表瞬间更新,确保看到的都是最新内容。 -
• 智能日期显示:这样直观的相对日期形式呈现,方便回顾。 -
• 精美界面:现代化的 UI 设计,简洁美观,使用起来心情愉悦。 -
• 快捷访问:点击书签,新标签页秒开,直达你想去的页面。
#📦 安装超简单
🔹方式一:加载已解压的扩展程序
-
1. 把本项目克隆或下载到你的电脑本地。 -
2. 打开 Chrome 浏览器,在地址栏输入 chrome://extensions/并访问。 -
3. 开启右上角的 开发者模式。
-
4. 点击 加载已解压的扩展程序。 -
5. 选中本项目所在文件夹,搞定!
🔹方式二:CRX 文件安装(待发布)
后续这个扩展会发布到 Chrome Web Store,到时候大家就可以通过下载 CRX 文件轻松安装啦。
#🚀 一学就会的使用说明
-
1. 安装完成后,在浏览器工具栏找到扩展图标并点击。 -
2. 这时就能看到你所有的 Chrome 书签列表啦。 -
3. 如果想找特定书签,用搜索框快速搜索。 -
4. 要是想同步最新书签,点击 刷新书签 按钮就好。 -
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 |
|
🔹打包步骤
-
1. 在 chrome://extensions/页面点击 打包扩展程序。 -
2. 选择项目根目录。 -
3. 然后就会生成 .crx和.pem文件。
#📝 更新日志
🔹v1.0.0
-
• 初始版本发布,闪亮登场。 -
• 支持书签列表查看,一目了然。 -
• 支持搜索功能,精准定位。 -
• 支持刷新同步,时刻最新。
#📄 安装包路径
查看 LICENSE 文件
插件源代码开源地址:https://github.com/kokosay/chrome-bookmark-saver-extension
#🤝 等你来贡献
如果你有好想法,欢迎提交 Issue 和 Pull Request,一起让这个扩展更强大!
#📧 有问题别客气
要是使用过程中有任何问题或建议,提交 Issue 告诉我们就好啦!
夜雨聆风