适用于Web设计人员和开发人员的15个Chrome扩展

我使用Google Chrome浏览器作为主要的网络浏览器。为什么？因为它快速，易于使用，可靠，安全，易于使用，高度可定制并且具有自己的网上商店。如果您尚未使用Google Chrome浏览器，则应高度考虑。至少安装它并尝试使用一周左右。

作为网页设计师或开发人员，您可能会发现自己花了大量时间在Chrome上工作。使用Chrome的人最让我感到惊讶的是，他们没有利用扩展功能。

扩展程序基本上是自定义工具，可让您充分利用Chrome的潜能。例如，您可以单击或获取屏幕快照，与朋友共享网站，控制音乐，获取有关各个网站的排名信息等等。

Chrome商店中包含许多扩展程序，这些扩展程序将提高您的工作效率并改善整体工作流程。因此，您不妨利用现有的工具来使您的生活更轻松。最好的部分是它们都是免费的！

查看以下15个可帮助您完成工作的Chrome扩展程序：

24个天使数字含义

目录

• 1. FireBug Lite
• 2. WhatFont
• 3. Chrome嗅探器
• 4.代码可乐
• 5. ColorZilla
• 6.胶带
• 7.分辨率测试
• 8.速度追踪器
• 9. lorem ipsum生成器
• 10. Internet Explorer选项卡
• 11. Alexa交通排名
• 12. Microstock Photo Power搜索工具
• 13. Chrome的调色板
• 14. TooManyTabs
• 15.普通衣服

1. FireBug Lite

FireBug是一个著名的FireFox附加组件，已扩展到Chrome。这对于代码调试特别有用。它还允许您实时监视任何网页的JavaScript，HTML和CSS。

安装

2. WhatFont

WhatFont允许设计人员通过简单的悬停即可发现网页上使用了哪种字体。您也可以通过使用FireBug并搜索代码来解决此问题，但是此扩展使其变得容易得多。

安装

3. Chrome嗅探器

您是否曾经浏览过某个网站并想到：“这怎么可能？” Chrome浏览器嗅探器可让您了解操作方法。它可以告诉您大多数网站的框架。目前，它可以检测100多个框架。

安装

4.代码可乐

Code Cola允许用户直观地编辑CSS。这意味着用户可以单击网页的某个区域并轻松地操作CSS。这有可能节省设计师很多时间。

安装

5. ColorZilla

ColorZilla包括一个拾色器，一个吸管以及一个 梯度发生器 。还有一些更高级的 色彩工具 。您可以使用颜色选择器确定网页任何部分的HTML颜色，并将该颜色保存到自定义调色板中。每个人都需要一个拾色器，而ColorZilla是最好的拾色器之一。

安装

6.胶带

胶带非常适合希望确保布局完美的设计师。您可以放下参考线，轻松确定元素的大小，这些参考线会紧贴页面的内容。您不再需要截屏即可确定元素的尺寸。

安装

7.分辨率测试

Web设计人员和开发人员需要以不同的分辨率尝试他们的网站，但是最好的方法是什么？ Chrome的“分辨率测试”扩展程序允许用户更改浏览器窗口的大小，以不同的分辨率查看其网站。您可以从常见的屏幕分辨率中进行选择，也可以输入自定义的分辨率。

安装

8.速度追踪器

您是否曾经遇到过网站加载缓慢且无法弄清楚原因的情况？ Speed Tracer可以提供帮助。 Speed Tracer可以发现由JavaScript，CSS，计时器触发等引起的问题。

安装

9. lorem ipsum生成器

有时您需要文本来填充页面，以便您了解填充后的外观。 洛普伊普森 Generator可以让您做到这一点。您可以选择每个段落要多少个单词，也可以选择要多少个段落。用内容填充您的网站从未如此简单。

安装

10. Internet Explorer选项卡

在开发或设计时，需要在不同的浏览器中测试网站，其中之一是Internet Explorer。 Internet Explorer选项卡使您可以通过Chrome在IE中轻松查看您的网站。那是您必须打开的少一个浏览器。

安装

11. Alexa交通排名

作为Web开发人员或设计师，您可能会对其他网站获得的流量感兴趣。这 亚历克斯 流量排名可让您查看任何网站获得的流量。这可能是一个有趣的统计数据。即使您可能还有其他确定方法，也可以在自己的网站上使用它。

安装

12. Microstock Photo Power搜索工具

寻找库存图像可能既费时又烦人。 Microstock Photo Power Search Tool使此过程变得更加容易。通过此扩展程序，您可以搜索来自5个顶级库存图片代理商的库存图片，例如Fotolia和Shutterstock。

安装

13. Chrome的调色板

Chrome专用调色板对于网站设计师来说是一个有趣且有用的工具。您可以选择任何图像并创建一个 调色板 从该图像。您可以创建16、24或32种颜色的调色板。如果您有喜欢的图片，可以创建一个 调色板 从它并使用 调色板 在您网站的设计中。

安装

14. TooManyTabs

在开发网站时，您可能会发现自己打开了大量的浏览器选项卡。 TooManyTabs可以帮助您管理它们。此Chrome扩展程序可让您查看打开的标签页的缩略图。很容易忘记是否打开了某个选项卡，但是TooManyTabs可以帮助您轻松找到它。

安装

15.普通衣服

PlainClothes允许您查看一个网站 黑和白 。这可以帮助您发现网站中的错误或弄清楚事情如何进行。这是在您自己的网站和其他网站上都可以使用的有用工具。

Chrome为网络开发人员和设计师提供了许多扩展，每个扩展都提供了独特的功能。上面的列表包含15个对大多数Web设计人员有用的工具。但是，如果您对上述扩展没有满意的特殊需求，则可以细阅Chrome的网上商店，看看是否存在适合您的扩展。

和你的朋友分享: