那些年我们开发者用过的Chrome插件

1,567 阅读5分钟

[作者]:楚北

今天给大家整理了一些非常好用的 Chrome 插件,希望能给大家枯燥乏味的冲浪生涯带来一点点🤏惊喜。

1. Omni

preview.gif
主页:github.com/alyssaxuu/o…(下文以 Mac OS 的系统快捷键来举例,Windows 的同学应该不会介意吧😉)
最近最火爆的 Chrome 插件(没有)之一,囊括了那种一言不合被 Chrome 发现然后成为未来新特性的功能集合。
Chrome 用户经常有多开选项卡的诉求,是不是经常需要使用 ctrl + tab切换下一页,ctrl + shift + tab切换上一页来做切换操作,最终要在几十个选项卡中准确定位到想要的页面全凭缘分。Omni Chrome 插件就提供了搜索 Chrome 浏览器上已经打开的选项卡的功能。只需要 cmd + shift + k即可快速唤起搜索控制台,输入关键词即可完成对选项卡标题的匹配搜索。
Omni 还支持/开头的如下常见快捷命令:

  • /tabs: 从打开的选项卡中搜索
  • /bookmarks: 从浏览器书签中搜索
  • /history: 从浏览器历史中搜索
  • /actions: 查询所有支持的快捷命令
  • /remove: 移除书签或关闭选项卡

所有支持的快捷命令参考如下截图,这其中不乏在线编辑图片、转换文件为PDF、添加Notion页面等非常好用的工具连接。
image.png
面对如此好用的工具,Chrome 将上述常见的功能做得更加通用化内置到浏览器的命令行工具也是不无可能的。另外,Omni 还提供了Firefox 版本支持。
image.png

2. Unsplash For Chrome

image.png

Unsplash For Chrome 是由 Unsplash 官方提供的可以快速搜索Unsplash图片和插入到网页的插件,作为博客文章的配图工具还是很不错的。

3. Proxy SwitchyOmega

image.png
当我们手边没办法轻易获得 Fiddler、Charles、Proxyman 等高阶代理工具,仅安装了 Chrome 的情况下,希望有浏览器代理功能,Proxy SwitchyOmega 无疑是最佳的选择。

4. React Developer Tools

image.png
都2022年了,还在纠结 React VS Vue VS Angular 的问题么,这个插件是用来诠释“小孩子才会做选择,成年人的世界是我全都要”(以下简称“小择成要”,会不会成为新一代网络名词并不重要)的必备武器之一。

5. Redux DevTools

“小择成要”必备武器之二。

6. Vue.js devtools

“小择成要”必备武器之三。

7. Angular DevTools

“小择成要”必备武器之四。

8. Save as PDF

见其名,知其意,作为骨灰级浏览器插件之一,完美诠释“高端的插件往往以最朴实无华的形式出现”。
image.png

9. Save to Pocket

image.png
Pocket 作为最知名的文章收藏类生产力工具,提供了离线查看文章的功能,阅读体验极佳,还能根据历史收藏智能化推荐。“保存到Pocket”的插件,作为浏览器端最重要的桥梁,为丰富用户的 Pocket 收藏夹提供了不少便利之处,二者可谓相辅相成。

10. Session Buddy

image.png
在 Chrome 的远古时期,笔者偶尔遇到重装系统时,浏览器内容需要从一台电脑迁移到另一台电脑的场景,发现浏览器打开的选项卡无法被很好的同步,在这个插件出来之前,我们可能需要将 Chrome 的用户本地目录进行备份,然后一层层目录查找 Chrome 用于保存这些历史选项卡的文件夹记录,拷贝到另一台机器的指定相同目录,这个过程无疑是痛苦的。有了这个插件,就再也不用担心丢失的选项卡找不回来的问题了。

11. SVG Screenshot

image.png
SVG 矢量图片格式的截屏插件,简单好用。

12. VisBug

image.png
主页:github.com/GoogleChrom…
这项插件是谷歌 Chrome 实验室产品,支持非常多的网页端在线编辑的功能,这里就不一一列举了。
guides.gifposition.gif
其中有个功能可以称之为“小而美”,颜色拾取之后可以立即转化为多种进制的格式,而且由于调用的是系统拾取器,因此该颜色的拾取并不局限于浏览器软件,可以来源于系统的任何地方。
image.png

13. Tampermonkey

image.png
主页:www.tampermonkey.net/
支持: Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox
Tampermonkey 用于在网站上运行所谓的用户脚本(有时也称为 Greasemonkey 脚本)。目前已经达到一千万以上的用户,并且支持离线使用。
对于初学者而言,可能不用自己编写JS脚本,可以参考如下步骤安装社区已有用户脚本:

image.png

  • 输入关键词进入搜索列表页,此时鼠标滚动到页面底部时,即可自动完成翻页(单就这个插件而言,可以说是懒癌晚期患者的福音)

如果大家对社区提供的脚本都不满意,那也是可以点击“添加新脚本”自行实现。

14. 总结

文章的最后,咱们借用油猴脚本官网的一句话:

如果您对笔者推荐的这些插件都不满意(这不大可能发生,但是谁知道呢😂),您可以在 Chrome 浏览器的插件页面移除它。