chrome浏览器插件推荐
分享一些我个人平时常用的浏览器插件，有些可以提高工作效率，有些能快捷实现一些想要的功能。 每个工具都有它自己的用处，就看是否符合你的开发习惯以及个人风格，适合自己的就是最好的。
以下的插件下载链接全都来自谷歌官方应用商店，排名不分先后，大家可以自行下载！
一、开发常用
1、FeHelper(前端助手)
JSON自动格式化、手动格式化，支持排序、解码、下载等数十种功能，更多功能可在配置页按需安装！
插件下载地址
FeHelper(前端助手)
2、EditThisCookie
开发会经常操作和查看Cookie，在没有插件的情况下，我们需要这样操作
- 打开
开发者工具 - 切换到
Applicationtab页 - 展开
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
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
