懂得寻求利器来提升工作效率,应该是当下产品人的必备能力之一。
以下列举了 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 个高效率产品设计工具》,别错过。