SmartBookmarkExt — 智能自动收藏夹 Chrome 扩展

背景

每天浏览大量网页,有价值的页面经常忘记收藏。传统的”点星标”流程需要手动选择文件夹、输入标签。这个扩展的核心思路是:自动追踪页面停留时间,达到阈值就自动收藏,同时自动提取关键词标签

工作原理

停留时间追踪

1
2
3
4
5
6
7
用户打开页面

background.js: 记录 tab 打开时间
↓ 每 5 秒检查
当前时间 - 打开时间 > 阈值(默认 30 秒)

自动收藏到指定文件夹 + 打标签

通过 Chrome tabs API 和 alarms API 配合实现,不在页面注入任何代码(保护隐私)。

自动标签提取

从三个来源提取关键词:

  1. 页面标题:分词提取有意义的词组
  2. SEO meta 标签:读取 keywordsdescription
  3. URL 路径:解析路径分段(如 /blog/openresty/balanceropenresty, balancer

标签自动写入 Chrome 书签标题中,方便搜索。

搜索和去重

Popup 提供本地搜索(匹配标题和标签)。”清除重复”功能通过 URL 比对,保留最早添加的书签。

核心文件

文件 大小 职责
background.js 22KB Service Worker,追踪停留时间、管理 alarms、执行收藏
popup.js 9KB Popup UI:搜索、列表展示、去重、手动收藏
options.js ~3KB 设置页:调整时间阈值、选择目标文件夹、开关自动标签

权限说明

1
2
3
4
{
"permissions": ["tabs", "bookmarks", "storage", "contextMenus", "alarms"],
"host_permissions": ["<all_urls>"]
}
  • tabs:获取活跃标签页信息
  • bookmarks:读写书签
  • alarms:定时检查停留时间
  • storage:保存用户设置
  • contextMenus:右键菜单快捷收藏

使用方式

  1. Chrome → chrome://extensions/ → 启用开发者模式 → 加载已解压的扩展
  2. 点击扩展图标打开 Popup,设置时间阈值和文件夹
  3. 正常浏览网页,满足条件时自动收藏
🤖 AI 博客助手
你好!我是博客 AI 助手,可以回答关于博客文章内容的问题。试试问我吧~