每天都有数百万人使用Chrome浏览器浏览互联网,并深信其速度和可靠性。但是你可能还不知道,谷歌浏览器可以变成网页设计师的真正工具箱。

Chrome扩展的目录很好地反映了其广泛的流行性:该平台具有大量的各种附加组件,使用户可以非常详细地自定义其浏览器。这也适用于设计和前端开发的专业人员!以下是适合你企业的最佳Chrome Web Store扩展的简要概述。

CSS Peeper

CSS提取工具

你是否爱上了网页,并希望从网页设计中获得启发?CSS Peeper适合你!该插件使你可以从任何页面查看和提取CSS,而无需“手工”搜索数百行代码。

Browserling

浏览器测试工具

所有网页设计师都知道这一点:页面的显示可能会因所使用的浏览器而有很大差异。要验证你的设计是否可行,你可以使用不同的浏览器进行手动测试,也可以使用Browserling:该插件可让你在最流行的浏览器(Chrome,Firefox,Safari,Opera,Internet Explorer…)

Sizzy

响应式测试工具

Sizzy是响应式设计必不可少的工具,因为它使你可以立即在许多支持下预览站点。足以确保你的网页在计算机上的可读性与在智能手机或平板电脑上的可读性相同。

WhatFont

字体识别工具

世界上的网站包括各种各样的字体,如果想知道页面上的字体是什么,则可以使用WhatFont。你只需将鼠标悬停在你感兴趣的文本上,即可了解所使用的字体,其大小,样式和许多其他信息。

PerfectPixel

网站布局测试

有时,网站的原始布局和最终结果之间或多或少存在明显差异。幸运的是,PerfectPixel可以帮助你“小到像素”地开发页面!通过扩展,你可以在开发站点上方显示半透明图像,从而可以相同地复制基本模型。

Web Developer

查看网站源代码工具

Web Developer是Chrome上Web开发的基础:通过此工具,你可以在眨眼间查看页面的源代码,禁用Java甚至隐藏图像。

ColorZilla

颜色提取工具

ColorZilla是Web设计师职业的组成部分。因此,ColorZilla是一个基本但非常实用的工具,它使你可以从页面上获取任何颜色,还可以创建调色板或渐变。

Image Downloader

图片下载工具

Image Downloader使你可以立即浏览,过滤和提取网页中的图像,即使是大量图像也是如此。使用此附加组件,你不再需要花费数小时来搜索你感兴趣的图像,也无需搜索CSS来查找可能的隐藏元素:实时保护程序!

Designers Ruler

页面尺寸测量工具

简单但非常有用,Designers Ruler允许你将标尺放置在页面上,以像素为单位来测量元素(或几个元素之间的距离)。

Spectrum

可访问性是一个真正的网页设计问题。Spectrum正是一种非常实用的插件,可用于设计适合视觉障碍者的站点,例如,通过模拟色盲人员看到的站点的外观。

通过选择这些扩展程序,你可以使Google Chrome浏览器成为实用的网页设计工具,这将对你的日常工作有所帮助。当然,所有这些都不能替代Web设计人员的必备软件,但是具有良好附加组件的个性化Web浏览器只能简化你的任务。