内容
Chrome的开发工具非常棒,但可以在互联网浏览器中添加更多激动人心的功能,从而简化网页设计和开发。
当然,还有很多其他工具可以加快速度,请参阅我们最喜欢的Web设计工具文章。不过,到目前为止,这里有30个我们最喜欢的Chrome扩展程序,可供网页设计师和开发人员使用。
01.简化Gmail
如果您发现Gmail自身的功能太乱了,请向Simplify Gmail打个招呼,它可以清除过去几年中积累的所有碎片和不良的UI决策。由Gmail的前首席设计师Michael Leggett创建,它摆脱了所有分散注意力的麻烦,并为您提供了更加精简和实用的版本。
02.光谱
某种程度的色盲影响全球约2亿人,但在设计师的可访问性检查表上,迎合他们的需求通常很低。不过,借助Spectrum,您可以针对各种类型的色觉缺陷快速测试您的网站,并确保一切都清晰无误。
03. CSS扫描2.0
Chrome的开发工具是一种方便的方法,可以在引擎盖下查看网站的工作原理,但是,如果您要查看CSS,则CSS Scan 2.0甚至更容易。将鼠标悬停在任何元素上,其CSS将显示在弹出视图中,使您可以单击复制其规则。您可以使用它来复制主题或模板中的特定元素,以适应自己的使用,非常适合调试自己的代码。
04.氨基
这是另一个很棒的CSS工具。 Amino是一个实时CSS编辑器,可让您在浏览器中生成样式表并将其实时应用于网站。它有效地使您可以对所访问的任何网站进行永久性的设计更改,如果您使用Google帐户登录了Chrome,则样式表将被同步,以便可以在所有台式机设备上的Chrome上进行访问。
05.铁杆
如今,响应式网页设计已成定局,并且您想要一种直接的方法来检查多个视口中的设计,Sizzy值得一看。它会为您显示在许多不同的设备屏幕尺寸上呈现的页面的交互式视图,还可以显示和隐藏模拟的设备键盘,以及在纵向和横向模式之间切换。
06.网站面板
下次您看到一个充分利用色彩的网站时,这是一种利用色彩的简单方法。 “网站调色板”从网站中提取主要颜色,并生成可共享的调色板,您可以轻松地向协作者显示该调色板。您还可以下载Sketch模板,并且还提供Adobe Swatch支持。
07. Checkbot
确保您网站上的所有链接都能正常工作是即时可用性,这也是改善您的SEO的好方法。 Checkbot是Chrome浏览器的扩展程序,可检查断开的链接,重复的标题,重定向链,无效的HTML / JS / CSS等,因此您可以快速审核网站中的不良链接并进行修复。
08.托比
公认的事实是,当您打开Chrome几个小时后,小手指的宽度就会变成一堆令人困惑的标签。托比(Toby)是驯服他们的好方法;有了它,您可以将所有这些选项卡组织成链接集合,以替代加载单个书签的方法,从而使它们更易于管理。
09. DomFlags
使用DomFlags可以显着加快样式元素的处理速度,DomFlags是一个真正的绝佳扩展,可让您为DOM元素创建键盘快捷键。就像拥有用于导航DOM的书签一样;这将改变您使用DevTools的方式。
10.高度荧光笔
这是一种使人们参与讨论的有趣方式:高度允许您共享网络文章的重点内容,因此您可以将注意力吸引到最重要的写作上。
下一页:另外10个Chrome扩展程序