基于 wxt 开发的多浏览器书签管理扩展程序（浏览器插件）

之前在 v2 平台了解到的 https://wxt.dev/ 这个项目，wxt 可以很方便的开发 Chrome/Firefox/Safari 浏览器扩展。于是我用 wxt + Vue3 + Element Plus 对 OneNav 扩展进行了重构。

关于 OneNav

OneNav 是一款开源免费的书签（导航）管理程序，由 xiaoz 使用使用 PHP + SQLite 3 开发，界面简洁，安装简单，使用方便。OneNav 可帮助你将浏览器书签集中式管理，解决跨设备、跨平台、跨浏览器之间同步和访问困难问题，做到一处部署，随处访问。

OneNav 项目开源地址： https://github.com/helloxz/onenav

扩展安装地址

注意：OneNav 浏览器扩展依赖于 OneNav 主程序

• Chrome/Edge 用户：https://chromewebstore.google.com/detail/onenav/omlkjgkogkfpjbdigianpdbjncdchdco
• Firefox 用户：https://addons.mozilla.org/zh-CN/firefox/addon/onenav/

部分截图和介绍

OneNav 浏览器扩展主界面如下，顶部可以对书签进行全局搜索，中间区域则展示了所有分类，点击分类可以展开该分类下所有书签。

书签全局搜索需要 2 个以上的关键词可触发，如下图。

展开或搜索书签后，可以对书签进行编辑或删除操作。

如果您添加分类或者书签后，未能及时展示，可能是由于缓存原因导致（出于性能考虑），只需点击扩展右下脚的刷新按钮即可。

当你打开某个网页后，可以点击书签图标，然后切换到底部的“添加链接”按钮进行添加。另外还支持快捷键Ctrl + Shift + F快速打开 OneNav 浏览器扩展。

如果您觉得上面的添加步骤过于繁琐，我们还提供了更为简洁快速的添加方式，只需要鼠标右键，点击“添加到 OneNav”，然后选择对应分类即可快速添加（默认添加为私有链接）。

同时，我们的 OneNav 扩展已经支持 Firefox 浏览器，欢迎 Firefox 用户使用体验。

其它

OneNav 项目开源地址： https://github.com/helloxz/onenav