【清单】产品人必备的 12 个 Chrome 扩展程序

懂得寻求利器来提升工作效率，应该是当下产品人的必备能力之一。

以下列举了 12 个 Chrome 扩展程序，相信能够帮你——无论你是 GUI 设计师、前端工程师还是产品经理，节省不少工作时间。

1. WAVE Evaluation Tool

评估页面哪些地方会影响无障碍浏览体验。最常见的，莫过于前端工程师经常忽略图片的 alt 属性。如果你极其注重内容无障碍体验设计的话，这个扩展程序是必备的。

2. UX Check

快速、简便地在页面块面上记录问题并生成报告，在写测试报告时尤为方便，告别旧时代截图和标注。

3. Windows Resizer

顾名思义，按照你想要的屏幕尺寸来快速调整浏览器尺寸，在查看响应式设计效果时尤为方便。已经提供了一些常用的尺寸，你也可以自定义。

4. FireShot

这年头已有不少截图工具了，不过在 Chrome 上还是推荐这个。在 Windows 中它还提供了高级功能（需另装插件）。BTW，在 MacBook 中推荐使用截图这个小应用。

5. Dimension

快速测量元素之间的尺寸。好用，易用，谁用谁知道。

6. ColorZilla

取色器，方便地从页面中取色，还能分析页面的配色方案。

7. Page Ruler

随意测量页面元素的尺寸大小。上面提到的 Dimension 更多用于测距，而 Page Ruler 则更多用于测宽高。

8. WhatFont

快速查看页面呈现的什么字体。不过，要看页面使用了什么 font-family，还是得检查元素查看为好。

9. Search by Image

看到心水的图标后，立马在 Google 中搜索相似图片。

10. Multi-highlight

同时标注页面中的多个关键词。

11. Pinterest

将心水的图片 Pin 到你的 Pinterest，嗯，就不多解释了。

12. OneTap

Chrome 本来就很吃内存，现在还装辣么多的扩展程序？不用怕，我有杀手锏—— OneTap，轻松节省内存。用不惯的话，可以考虑同类神器 The Great Suspender。

其它

上面所提及的扩展程序主要是产品设计方面的，下面几个也是我所常用的，一起推荐给你：

Raindrop.io：智能云标签。如果你只用 Chrome 的话，也同时推荐你使用国内大神开发的 Infinity，但如果你也跟我一样，需要在 Chrome 和 Safari 中切换使用，那 Raindrop 是更好的选择。偶尔延迟。
为什么你们就是不能加个空格？：解决空格癖（比如我，哈哈）的心头病。
印象笔记 · 剪藏：收藏你喜欢的任何内容。
AdBlock：屏蔽广告，还原清爽的页面体验（但有些网站的广告还是别出心裁的，比如豆瓣、知乎、纽约客等等，可以加入白名单）。
Google 翻译：划词翻译或翻译整个页面。
Highly Highlighter：如果你也是 Medium 的读者，想必非常喜欢划句标注和分享功能。而这个扩展程序就能解决这个问题。
Imagus：鼠标移到图片上放大细节。实用，但常常出现也略烦人。
添加到奇妙清单：如果你是奇妙清单的用户，那这个扩展是必备了。
Save to Pocket：同上，Pocket 用户必备。

本文作者： Dominic Huang，一枚开始喜欢码字的产品经理。最近他还提供了另一个清单吧：《24 个高效率产品设计工具》，别错过。