作为开发者，我们每天都在使用我们的浏览器做各种各样的事情，从google搜索，在堆栈溢出上寻找解决方案，到在Reddit上浪费时间(是的，我就是其中之一)，但也测试和运行我们正在开发的应用程序。这就是为正确的工作使用正确的工具的关键所在。
在这篇文章中，我们将介绍一些我最喜欢的浏览器扩展，以提高我作为web开发人员的工作效率。
窗口大小
在Chrome商店的窗口大小调整
这个令人惊叹的扩展做了顾名思义的事情。它允许你改变屏幕的大小。简单但非常有用，如果你需要验证你的网站在不同的分辨率和视图。这个扩展提供了一组预定义的选项，但是你可以修改它们来满足你的需要，这最后一个选项使它比简单地使用Chrome开发者工具更好。
您是否曾经想过某个特定站点正在使用哪些技术?不用再怀疑Wappalyzer了。这个扩展不仅仅是一个CMS检测器或框架检测器:它揭示了几十个类别中的一千多种技术，如编程语言、分析、营销工具、支付处理器、CRM、CDN和其他。
不要让外表欺骗了你，这可能不是最漂亮的工具栏，但它确实很强大。这个扩展为你的浏览器添加了一个工具栏，有许多有用的web开发功能的选项，如激活/不激活脚本，弹出窗口。控制cookie或查找创建窗体、图像、样式等方法的函数。
我个人已经不再使用这个扩展了，但在过去我还不太熟悉HTML和CSS的许多方法时，它非常有用。
此扩展允许您轻松检查哪些字体和字体属性正在应用于任何文本在一个网站。字体可以产生巨大的差异时的设计你的网站,你可以使用这个工具来确保他们都是应该,或者甚至一个字体一个特定的网站信息正在使用,您还可以使用它在你的。
与什么字体类似，ColorZilla扩展允许你获得网站上任何像素的颜色。此外，还提供了一些便利的工具，如调色板浏览器和渐变生成器。
这是一个非常有趣的工具。
免责声明:这是一个工具，我不使用，也不打算使用。使用不广泛，评分也不高，但在twitter上被大力推荐。
这个扩展修改了所有元素的CSS，这样你就可以很直观地看到每个元素的边界在哪里。这在调试CSS布局问题时是至关重要的。
你不需要对此进行扩展，它可以很容易地通过一些CSS实现，所以如果你不想使用这个扩展(就像我一样)，请查看我的文章CSS技巧验证布局
结论
扩展可以使我们的生活更轻松，就像我今天列出的那些一样。如果您知道任何其他可以帮助开发人员提高工作效率的工具，请留下评论，我可以将它们合并到本文中。
