标签页、书签太多找不到?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 中提建议。

相关推荐
孟陬9 分钟前
国外技术周刊 #1:Paul Graham 重新分享最受欢迎的文章《创作者的品味》、本周被划线最多 YouTube《如何在 19 分钟内学会 AI》、为何我不
java·前端·后端
BER_c9 分钟前
前端权限校验最佳实践:一个健壮的柯里化工具函数
前端·javascript
兆子龙12 分钟前
别再用 useState / data 管 Tabs 的 activeKey 了:和 URL 绑定才香
前端·架构
sudo_jin13 分钟前
前端包管理器演进史:为什么 npm 之后,Yarn 和 pnpm 成了新宠?
前端·npm
叁两1 小时前
用opencode打造全自动公众号写作流水线,AI 代笔太香了!
前端·人工智能·agent
golang学习记1 小时前
GitLens 十大神技:彻底改变你在 VS Code 中的 Git 工作流
前端·后端·visual studio code
SuperEugene1 小时前
后台权限与菜单渲染:基于路由和后端返回的几种实现方式
前端·javascript·vue.js
兆子龙1 小时前
WebSocket 入门:是什么、有什么用、脚本能帮你做什么
前端·架构
是一碗螺丝粉1 小时前
LangChain 链(Chains)完全指南:从线性流程到智能路由
前端·langchain·aigc
strayCat232551 小时前
Clawdbot 源码解读 7: 扩展机制
人工智能·开源