使用谷歌浏览器扩展程序玩转浏览器书签

260 阅读2分钟

iShot_2023-01-29_09.57.32 (1).png

这两天我做了一个谷歌浏览器扩展程序——简单书签。

对于一个开发人员来说,除了百度,我们还需要经常查询很多技术文档。所以,我们的书签栏满满当当。有时候要找一个文档网址很麻烦,需要慢慢找,很伤眼睛。

因此,为了解决这个问题,我就做了一个谷歌浏览器的扩展程序,功能不多,只是一个书签的搜索而已。可以通过网站url或者网站名称搜索。

源码在 github上,有需要的朋友可以自己 fork,并留下一个 star

代码都在eazy-bookmark目录中。

使用方法

在谷歌浏览器地址栏输入 chrome://extensions 进入谷歌浏览器扩展程序页面。

image.png

将该页面右侧的开发者模式打开。

image.png

点击加载已解压的扩展程序按钮,选择eazy-bookmark目录。

image.png

添加完成后,将开关打开。

image.png

地址栏右侧点击 🧩,就可以找到简单书签的图标了。

image.png

点击图钉就可以将简单书签固定在浏览器地址栏旁边了。

image.png

点击图标会弹出两个按钮查找书签管理书签

image.png

查找书签是核心功能,点击后,会在当前页面右侧弹出一个抽屉,可以在输入框中搜索关键词。

image.png

注意默认的 blank 页面无法注入dom所以,查找书签无法使用。

点击背景色,可以自定义弹窗的背景色。

为什么我不打包这个扩展,然后上传到谷歌应用商城呢?

因为谷歌太坑爹了,上传到应用商城竟然要收费5美元,差不多30多RMB,我又不是靠这个挣钱,傻子才交钱。

所以,这个工具开源出来给大家一起用吧。如果兄弟们有什么其他需求,可以提下issues,我可以进行完善。