chrome浏览器常用插件

chrome浏览器插件推荐

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

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

一、开发常用

1、FeHelper(前端助手)

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

插件下载地址

FeHelper(前端助手)

2、EditThisCookie

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

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

所以Cookie管理插件是开发必备的插件，Cookie管理插件我常用的有两个：EditThisCookie和Cookie Editor

下面是EditThisCookie的插件截图

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

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

插件下载地址

• EditThisCookie
• Cookie editor

3、JSON-handle

一款格式化json数据的插件

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

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

插件下载地址

JSON-handle

JSON Viewer

JSON Formatter

4、Octotree

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

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

效果如下图：

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

  

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

插件下载地址

Octotree

Sourcegraph

5、Talend API Tester - Free Edition

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

插件下载地址

Talend API Tester

6、vue和react开发者工具

• Vue.js devtools

  

• React Developer Tools

  

• 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

2、鼠标手势插件

• crxMouse Chrome™ 手势

crxMouse Chrome™ 手势具有精彩的功能，实现鼠标导航，这些应用包括：

★ 鼠标手势、超级拖拽、平滑滚动手势和摇杆手势
★ 完全可自定义的鼠标手势、击键、操作和鼠标移动
★ Windows、Linux 和 Mac 支持
★ 导入和导出配置

• smartUp手势

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

插件下载地址

crxMouse Chrome 手势

smartUp 手势

3、Infinity 新标签页 (Pro)

Infinity新标签页 (Pro) 将原生新标签页替换为您保存的书签，并提供了多种快捷实用的功能。

安装该扩展后，您可以使用以下功能：
1.自定义您新标签页上的网站书签。在您自定义添加网站时，会自动获取该网站的标题，这需要使用“读取和更改您在所访问的网站上留存的所有数据”的权限。
2.自定义您新标签页上的壁纸。
3.自定义您新标签页上的搜索引擎
4.读取并在Gmail图标上显示您的Gmail未读邮件数；当有新的Gmail邮件时会发出通知；

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

插件下载地址

Infinity 新标签页

4、IDM Integration Module

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

插件下载地址

IDM Integration Module

5、OneTab

• 应用场景一: 把多个Tab转换为一个列表

当你发现自己有太多的标签页时,单击OneTab图标,所有标签页会转换成一个列表,当你需要再次访问这些标签页时,点击OneTab图标唤出列表,点击列表恢复标签页

• 应用场景二: 批量分享网页

可以将场景一中 生成的列表页生成二维码, 将二维码分享给别人, 这样别就可以收到你分享的一组网页了!

• OneTab官方主打的是第一个功能,宣传口号是节省高达95％的内存，并减轻标签页混乱现象, 本质是通过关闭繁多的标签页,让浏览器 占用内存变少, 个人认为, OneTab相当于重新定义了浏览器的历史记录, 确实是很不错创意
• OneTab第二个功能,是我个人比较喜欢的, 如果别人问你一些比较简单的问题, 你可以打开几个和问题答案相关的网页, 然后一键分享给别人, 让他们自己去看, 也算是授人以鱼不如授人以渔了

插件下载地址

OneTab

6、Tampermonkey

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

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

插件下载地址

Tampermonkey

7、Vimium

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

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

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

• 安装启用后，按b键可以直接搜索标签。
• 还有一些其他快捷键实现很多功能

j：向下滚动一点
k：向上滚动一点
gg：到页面最底部
G：到页面最底部
d：向下翻一屏
u：向上翻一屏
H：后退   
L： 前进
x：关闭当前页面   
X：恢复刚刚关闭的页面
shift+/ : Vimium help，查看vimium的快捷键设置
...
复制代码

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

插件下载地址

Vimium

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

作者：w小p
链接：https://juejin.cn/post/7047319678078681095
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。