在日常使用浏览器时,我们经常会积累大量的书签。而当书签数量增多时,查找特定书签就变得越来越耗费时间和精力。本篇文章将介绍一款快速搜索 Chrome 书签的插件,它可以帮助你轻松地管理众多书签。
功能概述
该插件主要有以下功能:
- 实时搜索:随着用户输入关键词,插件会实时显示匹配的书签。
- 模糊搜索:支持模糊搜索,即使输入的关键词不完整或错误,也能匹配到相关书签。
- 标签搜索:支持通过标签进行搜索,方便管理具有相同标签的书签。
- 快捷键:支持自定义快捷键,打开插件并聚焦于搜索框、直接打开第一个匹配到的书签、调出选项界面等操作。
- 多语言支持:支持多种语言,包括中文、英文、日语等。
实现原理
该插件使用了 Chrome Extension API 中的 chrome.bookmarks
和 chrome.omnibox
接口。其中,chrome.bookmarks
用于获取和管理书签信息,chrome.omnibox
用于实现 Omnibox 功能(Chrome 浏览器地址栏的搜索框)。
插件在启动时会使用 chrome.bookmarks
接口获取当前用户所有书签,并将它们存储在插件内部的数据结构中。当用户在搜索框中输入关键词时,插件会根据匹配情况查询存储的书签信息,并在弹出菜单中显示匹配的结果。
使用说明
安装
该插件可以在 Chrome Web Store 中免费下载安装。点击 此处 进入插件页面,点击添加到 Chrome 即可。
搜索书签
在浏览器地址栏中输入 bs
(可自定义快捷键),打开插件并聚焦于搜索框,输入关键词即可实现搜索。如果输入的关键词匹配到了书签标题或 URL,则会在弹出菜单中显示匹配结果。
插件还支持通过标签进行搜索,在搜索框中输入 tag:
后跟标签名称即可进行标签搜索。
自定义快捷键
插件默认的快捷键是 bs
,你可以在 Chrome 设置 -> 更多工具 -> 扩展程序 -> 键盘快捷键 中自定义快捷键。
打开书签
在弹出菜单中选择要打开的书签即可。如果只有一个匹配到的书签,则可以直接按 Enter
打开该书签。
选项设置
在 Chrome 扩展程序页面中点击插件的“详细信息”,进入插件详情页面,点击“扩展程序选项”即可进入选项设置界面。在这里你可以自定义默认搜索引擎、UI 主题、语言等参数。
示例代码
以下是获取所有书签的示例代码:
chrome.bookmarks.getTree(function (results) { console.log(results); });
以下是实现 Omnibox 功能的示例代码:
-- -------------------- ---- ------- -------------------------------------------------- ------ -------- - --------- - -------- ---------- ------------ ------------ -- -- - -------- ---------- ------------ ------------ -- - --- --- -------------------------------------------------- ------ - ----------------- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------