1、WhatFont —— 名字就说明了一切。这是找出你最喜欢网站使用的字体的简单方法，这样你就可以为己所用了。
2、Pesticide—— 修改CSS的绝佳程序。当我试着学习匣子模型的时候，它简直就是救命稻草般的存在。
3、Colorzilla ——用于复制确切颜色的一个网站，用它可以将颜色直接复制到剪贴板上，这样你就没必要花太多时间获得正确的RGBA组合了。
4、CSS Peeper——查看网站使用的颜色时非常方便。在你一开始山寨你认为酷的网站的时候很管用。这个程序能让你查看它们的幕后的色彩方案。
5、Wappalyzer ——想要获悉你在网站上看到的是什么技术，这个程序很有用。想知道某网站使用什么样的框架或者它承载了什么服务？这个照样管用。
6、React Dev Tools——一款用于调试应用程序的工具。有一点要提一下，它只有在你编写React程序时才有用。
7、Redux Dev Tools——一款用于调试应用程序的工具。有一点要提一下，它只有在你编写Redux程序时才有用。
8、JSON Formatter ——让JSON在浏览器中看起来更一目了然的不二之选。也许麻烦的JSON让你苦不堪言，不过只要用了这个软件，找到你要找的东西，所花费的时间会大幅缩短。
9、Vimeo Repeat and Speed ——加速Vimeo视频的绝佳工具。如果你像大多数的web开发人员一样观看视频教程，你就会知道用1.25倍的常规回放速度观看它们是多么的方便。
10、AdBlock——作为最受欢迎的Chrome 扩展，拥有超过 6000 万用户！拦截网页上的广告。这个插件在我看来是自己使用谷歌浏览器时首先要安装的，能拦截掉网页上的各种乱七八糟的广告，也可以屏蔽掉搜索引擎根据你的喜好展示的推荐。
11、WEB前端助手(FeHelper)——功能包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown与HTML互转、网页滚动截屏、正则表达式、时间转换工具。
12、Clear Cache——通常对谷歌浏览器清除缓存，是在菜单栏中选择更多工具，选择清除浏览数据。或是按快捷键ctrl+alt+delete，进入清除浏览数据页面。但是通过clear cache工具设置好了要清除的缓存，点击一下按钮即可清除缓存和浏览数据。