> * 原文地址：[5 Chrome Extensions For Improving Developers’ Productivity](https://medium.com/javascript-in-plain-english/5-chrome-extensions-for-developers-productivity-11de7c343e58)
> * 原文作者：[Gianmarco Ebeling](https://medium.com/@ebelinggianmarco)
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/article/2020/5-chrome-extensions-for-developers-productivity.md](https://github.com/xitu/gold-miner/blob/master/article/2020/5-chrome-extensions-for-developers-productivity.md)
> * 译者：[zenblo](https://github.com/zenblo)
> * 校对者：

# 提高开发效率的五个 Chrome 扩展程序

![](https://cdn-images-1.medium.com/max/2070/1*uPEdYbuRJZtwpa8YfgBefw.jpeg)

**扩展程序**是个性化的小程序，可以为你的浏览器添加新功能。你可以通过 [Chrome 应用商店](https://chrome.google.com/webstore/category/extensions?hl=en)添加扩展程序来定制 **Chrome** 使用体验。

以下是我用来保持专注和提高开发效率的五个 Chrome 扩展程序：

## 1. Wappalyzer

![[https://www.wappalyzer.com/](https://www.wappalyzer.com/)](https://cdn-images-1.medium.com/max/2000/1*a1UcKTZu_n0puQ8OrSU4Cg.jpeg)

**[Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en)** 是一个神奇的扩展程序，它通过列出网站使用的软件和技术向用户展示它是如何开发的。

## 2. CSSViewer

![[https://github.com/miled/cssviewer](https://github.com/miled/cssviewer)](https://cdn-images-1.medium.com/max/2000/1*1sMFfEscNFotTLTJ1vqyGg.jpeg)

**[CSSViewer⁣⁣](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en)** 可以显示网页上任何元素的 CSS 参数。这个扩展程序能让你简单地使用光标来显示元素的 CSS 参数，避免浪费时间打开 Chrome 开发工具来查看某个元素使用了什么 CSS 规则。

## 3. ColorPick Eyedropper

![](https://cdn-images-1.medium.com/max/3822/1*f-2uZAKTC3G2GiAIVLZTsA.jpeg)

**[ColorPick EyeDropper](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en)⁣** 是一个方便颜色提取的扩展程序，只需点击一下就可以知道网页的颜色值。该扩展程序提供十六进制和 RGB 两种版本颜色值。

## 4. FocusMe

![](https://cdn-images-1.medium.com/max/3840/1*awSwn72zqNg4SIPodMylog.png)

**[FocusMe](https://chrome.google.com/webstore/detail/focusme-a-pomodoro-timer/koebbleaefghpjjmghelhjboilcmfpad?hl=en)** 是一款提高注意力的扩展程序，它能让你保持专注。它是基于时间管理的番茄工作法，能够屏蔽让人分心的网站，这样你就能专注于工作。

## 5. Momentum⁣

![](https://cdn-images-1.medium.com/max/3840/1*ZI2Hl0DiPj1GQJDUBQLglQ.jpeg)

[**Momentum**](https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca?hl=en) 可让你将新标签页变成高效的自定义控制面板。

当你在 Chrome 中打开一个新标签页时，这个扩展程序会用一张漂亮图片、一句激励性话语和一个问题（**你今天的重点是什么？**）来欢迎你。

你还可以为待办事项列表添加装饰物，并链接到你喜欢的网站。

> 如果发现译文存在错误或其他需要改进的地方，欢迎到 [掘金翻译计划](https://github.com/xitu/gold-miner) 对译文进行修改并 PR，也可获得相应奖励积分。文章开头的 **本文永久链接** 即为本文在 GitHub 上的 MarkDown 链接。

---

> [掘金翻译计划](https://github.com/xitu/gold-miner) 是一个翻译优质互联网技术文章的社区，文章来源为 [掘金](https://juejin.im) 上的英文分享文章。内容覆盖 [Android](https://github.com/xitu/gold-miner#android)、[iOS](https://github.com/xitu/gold-miner#ios)、[前端](https://github.com/xitu/gold-miner#前端)、[后端](https://github.com/xitu/gold-miner#后端)、[区块链](https://github.com/xitu/gold-miner#区块链)、[产品](https://github.com/xitu/gold-miner#产品)、[设计](https://github.com/xitu/gold-miner#设计)、[人工智能](https://github.com/xitu/gold-miner#人工智能)等领域，想要查看更多优质译文请持续关注 [掘金翻译计划](https://github.com/xitu/gold-miner)、[官方微博](http://weibo.com/juejinfanyi)、[知乎专栏](https://zhuanlan.zhihu.com/juejinfanyi)。
