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

15次阅读

共计 902 个字符,预计需要花费 3 分钟才能阅读完成。

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

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

关于 OneNav

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

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

扩展安装地址

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

部分截图和介绍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

其它

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

正文完
 0