标签页、书签太多找不到?AI 分组 + 拼音模糊搜索,开源插件秒解切换难题!

🤔 日常痛点

你是否也有这样的经历:

  • 打开了 20+ 个标签页,想切到某个标签页却只能凭感觉一个一个查看?
  • 书签收藏了上千个包含各种分类,但需要时总是大海捞针?
  • 浏览器历史记录里躺着几万条数据,搜索起来比登天还难?
  • 偶尔失手关闭的一些原本想保留的页面,想快速恢复?

如果有,该插件或许能为你解忧!

💻 快速安装

  1. 进入 chrome 插件商店,点击添加到浏览器按钮即可,安装后默认会请求读取标签、书签和历史记录权限,允许后默认会弹窗一个窗口
  1. 快速了解搜索面板

🎉 主要功能

模糊拼音搜索

支持中英文混合模糊搜索,对国人超级 Nice (依赖于文本搜索算法),最终搜索的结果按照返回的权重值(命中连续字符越多,权重越高)和最近使用的时间降序输出,更快定位目标,搜索能力:

  • 首字母拼音搜索
  • 域名搜索 & 空格分词搜索(分词后无需按顺序匹配)

AI 分组

对上次聚焦窗口中的所有标签页进行 AI 分组,根据域名、标题和现有分组情况增量分组,大大节省手动创建和更新标签分组的时间。当然,如果你不满意本次 AI 分组,也能在分组的 16 秒内返回到最初的快照状态

全局秒级搜索

搜索数据源包含:

  • 所有已打开的标签页
  • 所有书签记录
  • 默认检索近 14 天内前 1000 条历史记录,可输入 /s search 进行配置修改

也支持定向搜索,如输入 /t 可单独搜索已打开的标签页,同理输入 /b/h 可定向搜索书签和历史记录

全键盘操作

  • 默认通过 Command+Shift+K(Window 系统Ctrl+Shift+K) 唤醒插件,可输入 /s keyboard 进行自定义
  • 通过上下键(↑↓)或 Tab 键选择标签内容,按下 Enter 键来切换或打开你想要的标签
  • 通过 / 下的命令直接触发操作,比如输入 /ai 后 enter 就会触发 AI 标签分组
  • 通过快捷键来 pin、unpin、打开历史记录、打开当前书签位置等等
  • 输入 /s 进入设置页面,可自定义唤醒各个功能的快捷键

🔍 文本模糊搜索

文本搜索算法:Demo 地址可视化动态规划算法地址Github 地址

为了让搜索更丝滑(为了吃醋),抽象了一个文本搜索算法(包了饺子),最实现的效果类似如下图所示,线上 demo 例子戳我

核心实现原理

其核心是在遍历的过程中计算并保留前面的权重值,思路即是大家所熟知的动态规划,首先在汉字转拼音的过程中保存了下标的映射关系,其次新建多个二维数组,先从前往后遍历并存储各个下标对应的得分和路径,最终以贪心策略从后向前遍历结果值,取出即能命中所有输入字符和得分最高的下标。

关键 DP 二维数组变量:

  • dpTable:[匹配字符数(包括中文), 匹配字母数(包括拼音、英文和标点字符), 边界开始, 边界结束]
  • dpScores:[得分],每个下标的得分,每一轮都会更新

通过 dpTable 和 dpScores 保证每步都是最优选择

  • dpMatchPath:[匹配开始的原文字符下标, 匹配结束的原文字符下标, 匹配的字母个数]

通过 dpMatchPath 能够完整重建匹配路径

以下是可视化动态规划的录屏(线上体验地址):

NPM 使用

因为已经抽成了一个 NPM 包,使用起来也超级简单,感兴趣的同学去 github 瞅瞅。

React 组件:codesandbox demo

👴🏻 结尾

插件已上架谷歌商店也已开源,没有存储任何数据不用担心个人数据泄漏,纯净无广:谷歌商店地址点我,开源 github 仓库地址点我,且文本搜索算法的 NPM 包也已开源,线上 Demo 体验点我

如果觉得不错,可以 star 一下或在谷歌商店评分下 😘,感兴趣的同学可参与 Pull Request 或在 Issue 中提建议。

相关推荐
2501_94444800几秒前
Flutter for OpenHarmony衣橱管家App实战:预算管理实现
前端·javascript·flutter
v_for_van2 分钟前
力扣刷题记录3(无算法背景,纯C语言)
c语言·算法·leetcode
Remember_9933 分钟前
Spring 核心原理深度解析:Bean 作用域、生命周期与 Spring Boot 自动配置
java·前端·spring boot·后端·spring·面试
ValhallaCoder6 分钟前
hot100-矩阵
数据结构·python·算法·矩阵
笨蛋不要掉眼泪6 分钟前
Redis持久化解析:RDB和AOF的对比
前端·javascript·redis
散峰而望6 分钟前
【基础算法】穷举的艺术:在可能性森林中寻找答案
开发语言·数据结构·c++·算法·随机森林·github·动态规划
心.c9 分钟前
Vue3+Node.js实现文件上传分片上传和断点续传【详细教程】
前端·javascript·vue.js·算法·node.js·哈希算法
散峰而望9 分钟前
【基础算法】算法的“预谋”:前缀和如何改变游戏规则
开发语言·数据结构·c++·算法·github·动态规划·推荐算法
We་ct9 分钟前
LeetCode 48. 旋转图像:原地旋转最优解法
前端·算法·leetcode·typescript
爱尔兰极光10 分钟前
LeetCode--长度最小的子数组
算法·leetcode·职场和发展