书签插件

273 阅读2分钟

chrome书签插件

---个人书签小工具,地址:github

概况

需求点

  • 书签条理化划分后,深度过高,造成重复使用不方便

已有功能

  • 根据点击量展示排序后前十的书签,并显示统计量
  • 点击书签标题,清空统计量
  • 根据名字搜索书签

效果

  • 展示最近前十点击量的书签
  • 展示书签搜索结果

方案

方案(version1.0)

  • 浏览器打开
    • 读取所有标签并存入数据库
    • 监听tabs的update事件,通过判断url或title相同来增加统计数
    • 监听bookmarks创建来更新数据库
  • extension被打开后
    • 根据统计量,大小排序后展示在页面上
    • 搜索后,通过遍历数据库,进行数据对比,展示搜索结果

方案一(弃用)

  • 信息存储中心
  • 初始化读取所有书签信息true,先获取存储中心是否存在,不存在更新存储中心,更新后状态为false
  • 为所有书签id添加使用频率信息
    • 书签添加时,状态更新为true,局部更新信息存储
    • 书签删除时,状态更新为true,局部更新信息存储
    • 书签被点击后,状态更新为true,局部更新信息存储
  • 对使用频率进行排序
  • 通过监听新被创建的tab,来添加使用频率

方案二(弃用)

  • 信息存储中心,存储书签id,使用频率
  • chrome运行时,书签被点击,先获取存储中心id的频率,没有则创建,有则增加
  • 通过监听书签被点击

增加/迭代

  • 增加书签分析功能,分析出这段时间高频出现的书签内容,进而分析出当前月份关注的技术信息点
  • 增加书签按时间段进行排序功能---需要增加点击事件存入信息中心
  • 增加标签搜索功能,搜索某种技术下的标签内容
  • 增加分类存储页面
  • 按月进行更新点击量
  • 优化监听游标遍历结束的方法
  • 右键删除或右键置顶
  • 清空搜索结果
  • 1.x预采用工程化构建,vite + vue
  • 2.0采用jane编写view层和viewModel层

实现

  • 采用indexedDB进行存储
  • 结合chrome Extension Api
    • tabs
    • bookmarks