Chrome 是一款出色的浏览器——它运行速度快、设计精良,并且充满了有用的功能——但这仅仅是个开始。Chrome 的真正优势在于其庞大的附加组件库,它为它提供了源源不断的新特性和功能。

在本文中,我将向您介绍您可能不知道的顶级扩展。

10、Fake Filler

Fake Filler 是一种表单填充器,此扩展名允许您用虚拟数据填充所有表单输入(文本框,文本区域,单选按钮,下拉菜单等)。 对于使用表单的开发人员和测试人员来说,这是必须的,因为它避免了在字段中手动输入值的需要。

9、ColorPick 吸管

一个滴管和颜色选择器工具,允许你从网页中选择颜色值,本程序是一个颜色选择器,或滴管器或eyedroper也取决于你如何想拼。它也包含网页区域放大/变焦放大镜功能。缩放功能可以帮助您在Web开发调整期间看到像素完美的对齐精度。这个扩展可以通过URL重写附属链接来支持。可以从选项中禁用此选项。

8、Site Palette

设计师和前端开发人员必备工具。一款可以从任何网站提取颜色的浏览器插件。软件可以将用户选择的颜色在3D模型中将相似的颜色聚类,按体积对其进行排序,并为每个块返回基色。搭配语义颜色提取的API,从而获取任何网站的和谐调色板,帮助用户从网页上提取到最准确的颜色。

7、What Font – find font

识别网页字体的最简单方法。这是一个在Chrome浏览器快速查看任意的网页的任何地方使用的是哪种字体以及字体的样式, 它包括字体的名称、family,颜色、样式、大小、位置等信息。

6、Responsive Viewer

一款响应式网页查看工具,它可以展示你的网页在多个尺寸屏幕下的样式,并将所有的屏幕在一个页面上展示,你可以快速查看网页的响应式设计

Responsive Viewer 使用起来非常容易,你只需要打开要查看的网页,然后点击扩展按钮就可以转到查看页面。

5、PerfectPixel

PerfectPixel允许开发人员和标记设计人员在开发的HTML顶部放置半透明的图像叠加层,并在它们之间进行像素完美的比较,这对于复制 UI 设计非常有用。

4. Imageye

Imageye是一款可以帮你批量下载网页图片的插件,这款插件可以让你直接点选下载,插件内建筛选器功能,依照指定的照片像素或网址挑选出特定的图片,也能在选择图片后一次将它们全部下载、保存到电脑里。

3、Stylebot

立即更改 Web 的外观。stylebot(Chrome页面样式自定义插件)是一款能自定义网页样式的Chrome页面样式自定义插件,主要能通过直接修改页面样式或是将自己编写的CSS代码导入页面来改变页面的CSS样式与页面布局。在安装了这款插件后,使用者可以修改字体,修改背景,修改颜色,调整位置等,可以个性化你最喜爱的网站的外观,当然若是使用者愿意的话还能将自己的CSS样式分享出去,需要的朋友欢迎前来下载使用。

2、Page Ruler Redux

Page Ruler Redux是一个核心的Web开发人员和设计人员工具,可让您获得Web元素的像素完美度量,以进行网站前端开发,Web设计或获得任何Web元素完美像素度量所需的任何任务。

1、Web Developer

一款可以安装在谷歌浏览器上的Chrome Web Developer轻量级开发插件,安装使用Web Developer插件可以让您的开发变得更加顺畅。

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可以看到大量的 Web 开发工具。

结论

我希望本文的这个简短列表对你有帮助。如果您需要任何帮助,请在评论部分告诉我。

发表评论