必备的chrome浏览器插件,你都用上了吗~~

1,345 阅读9分钟

chrome浏览器插件推荐

分享一些我个人平时常用的浏览器插件,有些可以提高工作效率,有些能快捷实现一些想要的功能。 每个工具都有它自己的用处,就看是否符合你的开发习惯以及个人风格,适合自己的就是最好的。

以下的插件下载链接全都来自谷歌官方应用商店,排名不分先后,大家可以自行下载!

一、开发常用

1、FeHelper(前端助手)

JSON自动格式化、手动格式化,支持排序、解码、下载等数十种功能,更多功能可在配置页按需安装!

FeHelper(前端助手)

插件下载地址

FeHelper(前端助手)

2、EditThisCookie

开发会经常操作和查看Cookie,在没有插件的情况下,我们需要这样操作

  • 打开开发者工具
  • 切换到 Application tab页
  • 展开 Storage/Cookies
  • 找到对应的Cookie,然后进行查看、添加、编辑、删除等操作

所以Cookie管理插件是开发必备的插件,Cookie管理插件我常用的有两个:EditThisCookieCookie Editor

下面是EditThisCookie的插件截图

EditThisCookie

只需要点击插件图标,就可以方便快捷地编辑cookie了

  • EditThisCookie 可以在当前页快捷打开弹窗,直接操作当前页面的cookie信息
  • Cookie Editor 可以在新标签页打开管理面板,浏览器中所有域名下的cookie都可以在这里统一操作
插件下载地址

3、JSON-handle

一款格式化json数据的插件

  • json格式化插件有很多,有的人喜欢用JSON FormatterJSON Viewer等,我个人习惯了使用这款JSON-handle插件

格式化后的效果如下图,右侧面板可以展开/收缩节点,以及解码,编辑等操作

JSON-handle

插件下载地址

JSON-handle

JSON Viewer

JSON Formatter

4、Octotree

每当我们查看github仓库文件时,都需要一级一级点开,然后一级一级的返回,给我们带来很大的不便,Octotree就可以将github的项目以树状结构显示出来

  • 安装完Octotree之后,重启浏览器,访问github仓库时,左侧会有个Octotree抽屉按钮,鼠标悬停就会打开抽屉,显示出该仓库的文件结构结构图

效果如下图:

Octotree

  • 还有一款插件Sourcegraph也能实现这个功能,但是点击图标会在打开新标签页中显示目录结构

    Sourcegraph

  • 我个人比较喜欢使用第一款Octotree插件

插件下载地址

Octotree

Sourcegraph

5、Talend API Tester - Free Edition

api调试工具也有很多种,postman等其他工具也用过,但是我的插件列表只剩下了它

插件下载地址

Talend API Tester

6、vue和react开发者工具

  • Vue.js devtools

    Vue.js devtools

  • React Developer Tools

    React Developer Tools

  • Redux DevTools

    Redux DevTools

这三个开发者工具,应该是前端开发必备插件了,所以不需要着重介绍了,想必应该也都知道怎么下载和安装了,这里还是附上对应的下载地址吧

插件下载地址

Vue.js devtools

React Developer Tools

Redux DevTools

7、稀土掘金

掘金是一个帮助开发者成长的社区,是给开发者用的 Hacker News,给设计师用的 Designer News,和给产品经理用的 Medium。

掘金是一个开发者会频繁访问的网站,在这里可以查阅资料,与大家沟通、交流,分享知识,也可以了解社区动态和技术趋势。
平时我们通过PC端网址或者app访问,这个插件可以快捷打开新标签页访问掘金网址,并展示聚合内容和每日优质内容 。

稀土掘金

插件下载地址

稀土掘金

二、其他插件

1、扩展管理器(Extension Manager)

这个插件可以方便的管理chrome插件的插件,当我们的chrome浏览器安装的插件过多时,通过自带的扩展管理功能来管理插件太过麻烦,有时候还要在菜单面板上找半天才能进入自带的扩展管理界面,相当影响效率。

Extension Manager

当想启用或者关闭某个插件时,只需要点开管理器面板,进行相应的操作即可。

插件下载地址

Extension Manager

2、鼠标手势插件

  • crxMouse Chrome™ 手势

crxMouse Chrome™ 手势具有精彩的功能,实现鼠标导航,这些应用包括:
★ 鼠标手势、超级拖拽、平滑滚动手势和摇杆手势
★ 完全可自定义的鼠标手势、击键、操作和鼠标移动
★ Windows、Linux 和 Mac 支持
★ 导入和导出配置

crxMouse Chrome 手势

  • smartUp手势

smartUp 手势

我安装了两款手势插件,个人喜欢用第一个crxMouse Chrome™ 手势,大家可以自己安装体验

插件下载地址

crxMouse Chrome 手势

smartUp 手势

3、Infinity 新标签页 (Pro)

Infinity新标签页 (Pro) 将原生新标签页替换为您保存的书签,并提供了多种快捷实用的功能。
安装该扩展后,您可以使用以下功能:
1.自定义您新标签页上的网站书签。在您自定义添加网站时,会自动获取该网站的标题,这需要使用“读取和更改您在所访问的网站上留存的所有数据”的权限。
2.自定义您新标签页上的壁纸。
3.自定义您新标签页上的搜索引擎
4.读取并在Gmail图标上显示您的Gmail未读邮件数;当有新的Gmail邮件时会发出通知;

Infinity 新标签页

这是新开标签页时的效果,可以将一些自己经常访问的网站或者功能放到首页,还可以换一张你喜欢的壁纸 这样你就不用每次打开浏览器或者新标签页时看到类似hao123这样的网址导航页了,还时不时弹出点广告

插件下载地址

Infinity 新标签页

4、IDM Integration Module

这是一个IDM的下载插件,搭配Internet Download Manager下载管理器使用相当方便,用的人还是挺多的

IDM Integration Module

插件下载地址

IDM Integration Module

5、NiceTab

一款浏览器标签页管理器,OneTab插件的升级替代品

  • 支持分类、标签组、标签页管理,包括一键收集保存、恢复、星标、锁定、增删改查、拖拽排序等功能。
  • 分类支持展开/收起,支持创建分类和标签组,方便移动其他标签组/标签页到新分类/新标签组。
  • 支持多种插件格式的 导入/导出 功能,支持导出到本地。目前支持 NiceTabOneTab 格式的交叉导入导出(比如:可选择导入OneTab格式并导出为NiceTab格式;或者将NiceTab格式导出为OneTab格式),后续可根据需求增加其他插件格式的导入导出功能。
  • 支持远程同步功能
    • gists同步: 您可根据需求将标签页同步到自己的 github 和 gitee 账号,只需要配置自己的 access token 即可(注意 token 权限只勾选 gists 操作),后期看看能否扩展配置其他平台方案。
    • webDAV同步: 您可根据需求将标签页同步到自己的 webDAV 网盘,只需要配置 webDAV 的 url,username,password即可(支持配置多个 webDAV 账号)。
  • 支持手动切换亮色/暗黑主题
  • 支持皮肤主题切换,目前暂时设置了有限的几种主题色提供选择,后续可根据需求扩大选择范围。
  • 支持多语言,目前暂时支持中英文切换 (非地道英语,期待英语大佬帮忙校正)。 归类合并,方便管理。
  • 支持浏览器快捷命令(打开NiceTab管理后台、发送所有标签页、发送当前标签页等)。
  • 配置项可根据自己喜好灵活配置。
  • 支持一键发送 所有标签页、当前标签页、其他标签页、左侧标签页、右侧标签页。
  • 发送标签页支持选择指定目录。
  • 发送标签页支持配置域名排除。
  • 支持发送新版浏览器自带的标签组到NiceTab, 支持以标签组形式打开到浏览器。
  • 支持快捷键(目前只添加了分类、标签组的上下移动排序的快捷键操作,后续可根据需求添加其他功能的快捷键操作)。
  • 标签页支持自定义编辑修改标题和url。
  • 添加固定置顶的特殊分类-中转站,发送标签页/标签组时自动收集到中转站中。
  • 添加标签组按名称和创建时间排序功能。
  • 支持一键复制标签组所有标签页的链接, 复制链接支持自定义模板。
  • 支持标签页和url搜索,选择标签页后跳转定位到指定标签页。
  • popup面板支持模块化配置。

NiceTab-扩展图标点击

NiceTab-列表页

NiceTab-偏好设置

NiceTab-导入导出

NiceTab-回收站

插件下载地址

7、Tampermonkey

Tampermonkey ,俗称“油猴”,是一款在浏览器上运行和管理脚本的插件。有了 Tampermonkey ,你能够轻松有效地使用和管理网页脚本,让你的上网体验更加舒适。

Tampermonkey

插件安装成功后,就可以去下载各种脚本安装了, 脚本我一般是在 Greasy Fork 这个网站上下载,步骤非常简单,找到你想安装的脚本,点一下安装此脚本就行了。

插件下载地址

Tampermonkey

7、Vimium

首先介绍下如何高效的搜索自己浏览器的收藏夹中的网页;

  • 自己浏览器的收藏夹里收藏了很多资料,但是每次用的时候,却不能立即找到它,需要点开文件夹,然后一个一个的去找,有时候花很久才能找到以前收藏的网页,有时候翻了很久也没有找到。
  • 碰到这种情况,你也许并不会感觉有什么不对,可能还会怪自己没有归类好,是自己的不对。

安装了Vimium这个插件,就不需要看收藏夹的内容,可以快速找到收藏的网页,只需要知道其中的关键字就可以,哪怕只记得一个关键字我也能相对的快速找到。

Vimium

  • 安装启用后,按b键可以直接搜索标签。
  • 还有一些其他快捷键实现很多功能
j:向下滚动一点
k:向上滚动一点
gg:到页面最底部
G:到页面最底部
d:向下翻一屏
u:向上翻一屏
H:后退   
L: 前进
x:关闭当前页面   
X:恢复刚刚关闭的页面
shift+/ : Vimium help,查看vimium的快捷键设置
...

这个感兴趣的可以安装体验

插件下载地址

Vimium

  • 以上列出的只是我经常使用的插件,还有其他的浏览器插件,就不一一列出了。