29个面向网页设计师和开发者的Chrome扩展程序

Chrome的DevTools很棒,但可以为您的互联网浏览器添加更多令人兴奋的功能,以便更轻松地进行网页设计和开发。以下是我们最喜欢的29个针对网页设计人员和开发人员的Chrome扩展

01. Sizzy

Sizzy website

跨多个视口测试网站的简便方法

响应式网页设计这些天给了你,而且你需要一种简单的方法来检查多个视口中的设计,Sizzy值得一看。它将显示您在多种不同设备屏幕尺寸上呈现的页面的交互式视图,您还可以显示和隐藏模拟设备键盘,以及在纵向和横向模式之间切换。

02. 现场调色板

Site Palette website

如果您喜欢的配色方案,Site Palette将帮助您借用它

下次当您看到一个充分利用颜色的网站时,这是一种利用它的简单方法。 Site Palette从网站中提取主要颜色,并生成可共享的调色板,您可以轻松地向协作者显示。您也可以下载Sketch模板,也可以使用Adobe Swatch支持。

03. Checkbot

Checkbot website

整理所有这些破碎的链接,并获得免费的SEO提升

确保您网站上的所有链接实际工作是一个即时的可用性赢取,这也是改善您的SEO的好方法。 Checkbot是一个Chrome扩展程序,用于检查损坏的链接,重复的标题,重定向链,无效的HTML / JS / CSS等等,因此您可以快速审核您的网站是否存在错误链接并修复它们。

04. 托比

Toby website

将所有这些不守规矩的标签变成有用的书签集合

这是一个普遍公认的事实,当你打开Chrome几个小时的时候,你的小指的宽度将是一个令人困惑的标签嵌套。托比是驯服他们的好方法;有了它,您可以将所有这些选项卡组织成链接集合,作为单个书签的替代,使其更易于管理。

05. DomFlags

DomFlags website

一种使用DevTools的新方法

使用DomFlags极大地加速样式元素的处理,这是一个真正伟大的扩展,可让您为DOM元素创建键盘快捷键。这就像拥有导航DOM的书签一样;这将改变你使用DevTools的方式。

06. 高度荧光笔

Highly website

高度,一种参与行业对话的新方式

这是一个让人们参与讨论的有趣方式:高度允许您分享网络文章的精彩内容,这样您就可以引起对最重要的写作的关注。

07. Booom

Booom website

使用Booom获得更好的Dribbble体验

Booom通过在列表中显示更大的镜头使得Dribbble变得更好;在列表中放置Like和Add to Bucket按钮;使GIF自动播放并带来无限滚动。

08. CSS-小屋

Google Chrome extensions - CSS Shack

此Chrome扩展程序可让您创建图层样式并将其导出到CSS文件中

这款功能强大的Chrome扩展程序可让您创建设计,然后将其导出为CSS文件,以便在您的网站上使用。它支持图层,并包含您常用的大量工具照片编辑器

09.

Google Chrome extensions - Marmoset

使用Marmoset,您可以在几秒钟内创建华丽的代码快照

这个出色的扩展将为您的演示和模型提供代码和输出快照。您还可以添加主题和效果,为促销和您的广告创建图像在线组合

10. IMacros For Chrome

Google Chrome extensions - IMacros

IMacros Chrome扩展程序可让您记录操作并保存操作

作为Web开发人员,您可能需要测试您的网页。一遍又一遍地重复相同的动作可能是一个令人厌烦的过程。 IMacros是一个方便的Chrome扩展程序,可让您记录您的操作并保存它们,因此您只需要执行一次。之后,您可以一遍又一遍地测试您的页面,只需单击一个按钮即可重复操作。它节省了宝贵的时间,节省了您的时间,因此您可以专注于更紧迫的事情。

下一页:另外10个Chrome扩展程序



翻译字数超限