> 来源：[恒生LIGHT云社区](https://developer.hs.net/thread/1031)

# 前言

对于从事IT行业的我们来说，几乎无时无刻都在用chrome浏览器，因为它给我们的工作和生活带来了极大的便利。今天给大家分享我用过的 `10`款牛逼的 `chrome插件`，你看完前 `3`个可能就会忍不住想 `点赞`了。

## 1. 谷歌翻译

很多小伙伴，英语不太好，包括我自己，英语刚过四级。从事软件相关工作时，有时有些吃力，因为很多优秀的技术网站、书籍或者文章都是老外写的，如果因为看不懂就放弃阅读，我们将会少了很多学习和进步的机会。

今天分享的第一个神器就是：`谷歌翻译`。

在没使用谷歌翻译之前，访问[docs.mongodb.com/drivers/jav…](https://docs.mongodb.com/drivers/java/%EF%BC%8C%E7%9C%8B%E5%88%B0%E7%9A%84%E9%A1%B5%E9%9D%A2%E6%98%AF%E8%BF%99%E6%A0%B7%E7%9A%84%EF%BC%8C%E6%9C%89%E5%8F%AF%E8%83%BD%E4%B8%80%E8%84%B8%E6%87%B5%E9%80%BC%E3%80%82)

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f0fff76186dc4d0e8e496b26ad4ccc45~tplv-k3u1fbpfcp-zoom-1.image)

使用 `谷歌翻译`插件（其实现在已经是chrome浏览器的内置工具）：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0921e9f5d465443c9a4c8db08809868b~tplv-k3u1fbpfcp-zoom-1.image)

之后看到的页面，变得毫无违和感：![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/58c0313c1fb243599ab7292995d73691~tplv-k3u1fbpfcp-zoom-1.image)

页面内容一下子变成了全中文，幸福来得太突然了，哈哈哈。

## 2. github加速器

`github`号称是全球第一大同性 交友网站，它是程序员的乐园，里面有各种好玩的开源项目。很多编程爱好者，秉承share精神，喜欢把自己优秀代码提交到 `github`上，能够让更多的人看到，帮助更多的人。

但是，在国内对 `github`访问非常慢，是很多程序员非常头疼的一件事。

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7be1f0ddc4a9406c8c487415c8ee9d6f~tplv-k3u1fbpfcp-zoom-1.image)这时可以用 `github加速器`插件：![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5bbb6726a0024afcb64877922193a265~tplv-k3u1fbpfcp-zoom-1.image)开启插件功能后，再访问该页面：![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c33ed1c2edab4adbb16df3e71625249b~tplv-k3u1fbpfcp-zoom-1.image)

`2秒`后就能非常愉快的访问 `github`了。

## 3. Octotree

`github`上默认的项目展示页面，对用户不太友好。如果想要查找某个文件，必须一层层点击往下找，默认是平铺展示内容，无法用树形结构展示。

默认的页面是长这样子：![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/64fdc9f8ba50400fa0a392da604e578c~tplv-k3u1fbpfcp-zoom-1.image)

如果安装了Octotree插件：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/75a4f4867fa6425489780449303d9c74~tplv-k3u1fbpfcp-zoom-1.image)之后，多了一个树状目录：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f8127afd0314909ad9d3b2305b8c6b9~tplv-k3u1fbpfcp-zoom-1.image)

可以非常方便的查找某个文件。

## 4. Infinity

不知道你有没有过这种想法：

1. 觉得自己的浏览器首页太low，想换个背景，不知道怎么换。
2. 想把自己收藏起来的网站，放在显目的地方，让自己方便访问。
3. 想把搜索引擎放在首页一下子就能看到。

恭喜你，这些需求chrome神器：`Infinity`都能帮你实现。

需要安装Infinity插件：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b31cb601d5334190bcb3b754d3422290~tplv-k3u1fbpfcp-zoom-1.image)

之后打开浏览器时，就会自动弹出如下页面：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e09218b5a924275ac93f6104ea2463b~tplv-k3u1fbpfcp-zoom-1.image)

可以自定义你喜欢的任何网站：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a9696ec97df5454b8e8c34808d3ab5e2~tplv-k3u1fbpfcp-zoom-1.image)

此外，首页右下角的小风车，点击一下就能自动切换一张漂亮的背景图片。据说每天点一下小风车，每天都会拥有好心情。

5. vue.js devtools

---

如果有接触过前端的朋友会发现，现在基本上是：`react` 和 `vue` 的天下。我本身是做后端开发的，相较而言，使用更多的是 vue，它配合Element UI一起使用，大大提升了开发页面的效率。

如果代码运行时出问题了，想调试怎么办？使用传统的debugger模式，不是说不行，不过我在这里推荐一个更牛逼的调试方法。

需要安装vue.js devtools插件：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c2f4dc1c8b7d4b0f95954ada2121a977~tplv-k3u1fbpfcp-zoom-1.image)

之后，访问页面时，就能调试了：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/78bf9432e4a947aab7cd24691bd32d52~tplv-k3u1fbpfcp-zoom-1.image)

你想看到的大部分内容，这里都有。是不是很神奇？

## 6. ImageAssistant

在平时的工作或生活当中，我们经常需要上传和下载图片。如果在浏览网页的时，喜欢某些图片，我们需要一张张手动下载，非常不方便。

有时候需要对上传的图片进行编辑，调整文字大小、样式，加一些水印效果等。我们一般需要先使用专业的图片工具，把图片编辑好，再重新上传，很麻烦。

有没有一款软件，可以帮我们解决这些问题呢？

答案是肯定的，这时可以使用google的ImageAssistant插件：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/700678a5a74749d2ab757e60ff7905bb~tplv-k3u1fbpfcp-zoom-1.image)

之后，访问网页时选择 提取本页图片：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e321acc1b4bc4d008908ecbe369f30a0~tplv-k3u1fbpfcp-zoom-1.image)

就会出现如下网页：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/da2da297a63848d390aeafb22066a426~tplv-k3u1fbpfcp-zoom-1.image)

该网页中展示了之前页面中的所有图片，包括尺寸等信息，可以批量下载。

此外，还能对上传的图片进行编辑：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/19affb84001a489985749561b3059d3d~tplv-k3u1fbpfcp-zoom-1.image)

看到这里，你爱上它了没？反正我是爱不释手。

## 7. LastPass

随着互联网的蓬勃发展，出现了越来越多的网站，其中大部分网站为了保持用户的粘性，需要用户自己注册和登录。为了安全起见，用户密码一般要求包含：数字、字母、特殊字符、还要区分大小写等，并且要求密码长度少则8位，多则十几位。

为了方便，你可以将所有密码设置成一样，但是如果一旦泄露，所有网站上你相关信息都可能会被泄露，风险太高。所以，还是把密码设置成不一样吧，这样我们睡觉也安心一点。

如果你只注册了一两个网站还好，但如果你过注册过几十个，甚至上百个网站，那么多密码你都能记得住？

答案是否定的，这时就急需一种安全管理密码的工具。

这时又一个chrome神器:`LastPass`出现了。

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6aa790c71360414a9f22ef7462b5bbdc~tplv-k3u1fbpfcp-zoom-1.image)

它需要先注册，这一步很容易完成。然后添加想访问的网站地址、用户名和密码，以后想访问该网站，直接点击一下即可，就不用再重复输入用户名和密码，方便快速访问，并且自动登录。

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5b4f481e4a0e4765a1769014e44d8b2c~tplv-k3u1fbpfcp-zoom-1.image)

LastPass的功能非常强大，其他类似的插件还有：1Password、Bitwarden等。

## 8. adblock

我们在浏览网页的时候，经常会发现广告像狗皮膏药一样，无处不在，如影随形。有些页面甚至广告就占了整个屏幕的一半，真正的有价值的信息，我们每次都需要用肉眼一一分辨出来，相当让人抓狂，大大增加了搜索资料的时间。这也是很多人喜欢用google搜索资料，不喜欢用baidu的主要原因。

有没有办法，屏蔽掉一些多余的广告，让我们能看到净化后的页面内容呢？

答案是有的，可以使用AdBlock，它是目前世界排名第一的免费广告拦截程序。

需要安装 `AdBlock`插件：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/637947ef527c4b6e980644cc01e4b59e~tplv-k3u1fbpfcp-zoom-1.image)

之后，就能使用 `AdBlock`拦截广告了。一种方式是自定义拦截规则，不过有些复杂，需要仔细研究一下。还有另外一种手动的方式，这种方式相对来说更简单，在需要屏蔽的广告上右键，在弹窗的工具窗口中选择AdBlock中的选项即可。

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/720240b30b624b7fbbc6f7f50936b65c~tplv-k3u1fbpfcp-zoom-1.image)

好了，世界终于清净了。

## 9. markdown nice

对于有些写公众号的朋友来说，在文章排版上花费的时间，有可能比写一篇文章的时间还多。为了解决写文章时的排版问题，一些强大的排版工具应运而生，比如：`md2all` 和 `markdown nice` ，能够解放他们的双手，让他们可以把更多的时间花在文章内容上。

需要安装markdown nice插件：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2b5ddc7bf8444c6c915120c357566833~tplv-k3u1fbpfcp-zoom-1.image)

之后，在公众号后台写文章时，你只用专注于写 `markdown`语法的文章即可，然后选择一种主题和代码主题，其他的交给插件。

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d2f4f4a3792346a397f3989359822d84~tplv-k3u1fbpfcp-zoom-1.image)

最终文章会自动生成左半部分的样式，是不是很nice？

## 10. JSONView

`JSON`数据格式简单，结构化，层次分明，是开发人员最常用的数据格式，目前是大部分接口返回值的首先。

有时我们在浏览器中访问get请求数据，由于接口返回值太多，一眼根本无法看出数据的层次和结构，顿时有点懵逼。针对这种情况，很多人可能会想到，将数据复制到一些在线的Json工具，或者使用postman发送请求，这样就能非常愉快的浏览格式化的数据。

这样不是不行，我想说的是，其实不用这么麻烦，还有更简单的方式。只用安装一款chrome插件，在浏览器中，就能轻松访问浏览格式化的数据。这款插件的名字是：`JSONView`。

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7fdecc75d3574494af9d5c8f350deb7d~tplv-k3u1fbpfcp-zoom-1.image)

之后，再访问接口时，就能看到更人性化的数据了：

![图片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a52c79d4e90845e890894cb98c1b1796~tplv-k3u1fbpfcp-zoom-1.image)

ITPub博客

十全十美，10款chrome神器推荐

最新文章