每个 Web 设计师都应该使用的 Chrome 扩展程序

已发表: 2018-07-05

互联网浏览器变得越来越好,无论您使用哪一个,您都应该始终尝试寻找改进其功能的方法,从而提高您自己的工作效率。 今天,我们将重点关注作为最受欢迎的浏览器之一的 Google Chrome,以及值得一试的 Chrome 插件和 Chrome 扩展——尤其是如果您是网页设计师或开发人员。

Chrome 扩展程序的数量一直在不断增长,但这并不意味着您需要所有这些扩展程序。 但是,选择正确的浏览器可以让您的整个浏览体验更好、更轻松。 此外,如果您希望删除或调整它们或以任何方式管理 Chrome 扩展程序,您可以随时在 Chrome 插件设置中执行此操作。

因此,事不宜迟,让我们来看看每个网页设计师应该使用的 Google Chrome 扩展程序以及为什么! 您可以在 Chrome 应用商店和/或 Google Chrome 网上商店中找到所有这些。

写得好

WriteWell 是一款免费的在线写作软件,也是最有用的 Chrome 插件之一。 你可以从谷歌网上商店下载它,你的写作会比以往更容易。

这个出色的 Chrome 扩展程序不仅可以检测任何拼写或上下文错误,而且还提供了许多有用的模板,可以帮助您更有效地编写。

DomFlags

DomFlags 是专门为开发人员创建的插件之一,用于创建 DOM 元素的键盘快捷键。 如果您正在寻找更快的 devtools 工作流程,那么您绝对应该将 DomFlags 添加到您的 Chrome 浏览器中。

高度荧光笔

在 Chromestore 上查找高度荧光笔可立即保存和分享精彩片段,而无需经历截屏和编辑截屏的过程。 通过他的添加,您可以在阅读时突出显示。

轰隆隆

轰! – Dribbble Enhancement Suite 旨在使 Dribbble.com 更快、更易于使用。 使用此 Chrome 扩展程序,您可以获得无限滚动、列表中更大和更高分辨率的照片、GIF 的自动播放等。

CSS 小屋

CSS-Shack 是 Googlestore 上为设计师提供的最佳 Chrome 扩展程序之一。 它可以帮助您创建图层和不同的样式,然后您可以将其导出到单个 CSS 文件中。

狨猴

在 Google 上购买 Marmoset 并快速轻松地创建快照。 您还可以从各种效果和主题中进行选择,以应用它们来制作更令人印象深刻的快照。

什么字体

如果您是设计师和/或开发人员,您可能会发现自己处于尝试识别网页中使用的字体但没有运气的情况。

幸运的是,您可以将识别该字体的最佳扩展字体之一添加到您的 Google 浏览器中,让您的工作更轻松!

WhatFont 可以在 Google 网站上找到,您只需将鼠标悬停在其上即可识别几乎任何字体,以及检测用于提供特定字体的服务。

Page Ruler 是用于测量任何网页上的元素以及检测其像素尺寸和位置的最佳 Google 插件之一。

您只需在任何页面上绘制一个标尺,拖动边缘来调整它的大小,然后查看顶部、底部、右侧和左侧的位置以及宽度和高度。

图片下载器

如果您正在寻找用于下载图像的最佳 Chrome 扩展程序,您应该考虑 Image Downloader。

此插件将帮助您从任何网页批量下载图像,按高度、宽度和 URL 过滤它们,查看图像的链接等。

用这个谷歌扩展下载图片也特别容易; 您只需单击图像或使用复选框即可。

如果您想自定义图像显示,您也可以这样做。 请记住,您必须设置默认下载目录才能使一切顺利快速地运行。

Chrome 和 Chrome 操作系统的 RescueTime

获得 Chrome 后,您可能想知道自己花了多少时间使用它,并更好地了解您使用浏览器的具体情况。

RescueTime 会跟踪您在计算机上花费的时间,它还会自动计算您何时离开并停止跟踪。 如果您不想跟踪任何时间,您可以简单地删除它。

适用于谷歌浏览器的 Pinterest

如果您是 Pinterest 粉丝,Pinterest for Google Chrome 将成为您最喜欢的 Google Chrome 插件之一。 在 App Store Chrome 上找到它,随时享受从任何网站固定的乐趣!

浏览器

您可能已经猜到了,CSSViewer 是一个简单的 CSS 属性查看器。 如果您想检查当前页面中的任何元素,只需单击工具栏图标并将鼠标悬停在它上面。

性能图

Perfmap 是一个用于创建性能热图的 Chrome 插件。 通过查看热图颜色,您将知道图像何时完成加载。

有效性

如果您想要验证某个网页,Validity 是最好的 Chrome 商店扩展之一。 您将能够在控制台选项卡中看到所有详细信息,而错误将显示在工具提示中。

引导本页

Bootlint This Page 是一个附加组件,它具有一个简单的功能——检查 Bootstrap 站点的常见错误。

ColorZilla

如果您觉得需要更多颜色工具,ColorZilla 是您绝对应该检查的 Chrome 扩展程序之一。 它添加了各种有用的工具,例如渐变生成器、颜色选择器、吸管、调色板查看器等。

颜色选项卡

每当您打开新标签时,Color Tab 都会为您提供全新的配色方案,让您的浏览体验更加愉快和有趣。

字体忍者

Fontface Ninja 是识别字体及其大小和行距的有用工具之一。

45到75

就像这个插件的名字所暗示的那样,45to75 是一个计算文本中字符数的工具。 如果数字低于 45 或高于 75,将通知您调整。

WellDoneCode 提供的 PerfectPixel

PerfectPixel 是开发人员和标记设计人员的扩展,它使他们能够在已开发的 HTML 顶部放置半透明的图像覆盖。

结束对网页设计师的 Chrome 扩展的想法

随着新 Chrome 扩展的数量不断增加,很难选择最实用和最有效的扩展。 但是,一旦找到它们,它们就可以使您的工作变得更加轻松和快捷。