免费获取策划方案多一份参考,总有益处

网络设计师和开发者的终极Chrome扩展

来源:派臣科技|时间:2017-10-12|浏览:

谷歌是世界上最受欢迎的搜索引擎之一,这一点有疑问吗?毫无疑问!

此外,谷歌的游戏浏览器Chrome将复杂的技术与简单的UI结合起来,创造出更快、更安全、更简单的浏览器体验,无疑是世界上最好的浏览器之一。

有相当多的Chrome扩展可供网页设计者使用。它们都为许多经常出现的设计和开发问题提供了节省时间的解决方案。因此,在所有这些扩展中,您如何选择一个,或者是集合,哪个对您最有帮助?

在这些工具中,我们突出了那些对web设计人员和开发人员最有用的工具。我们希望你会发现它们非常有用,它们能帮助你得到更好的结果。

1)很棒的截图

精彩的屏幕截图名副其实。这个超棒的扩展允许你拍摄整个或部分页面的快照。在拍完截图后,你可以圈出或划出相关的部分,模糊无关的部分,并做出评论。您可以选择保存到本地或上传,并接收一个共享的图像链接。

2)窗口大小

调整浏览器窗口以模拟不同的屏幕分辨率。有许多Chrome扩展可以让你在不同的分辨率下测试你的响应设计,这恰好是我最喜欢的。窗口调整器完全按照您所期望的方式进行,它会重新调整浏览器的窗口,以模拟各种分辨率。从流行的监视维度列表中选择或添加自定义大小和分辨率以提高准确性。

3)WriteWell

WriteWell是一个非常有用的生产力工具,可以帮助你启动任何写作项目——文章、电子书、小说、博客等等。Chrome扩展提供了一个巨大的模板库,以及概述、提示、样本和智能短语来指导你完成写作过程。

4)高萤光笔让人们参与讨论的有趣方法是:让你在网上分享文章的亮点,这样你就可以把注意力集中到最重要的部分。

5)CSS-Shack

这种强大的Chrome扩展允许您创建设计,然后将它们导出到CSS文件中,以便在您的站点上使用。它支持图层,并包含常规照片编辑器使用的大量工具。

6)绒猴

这个令人惊讶的扩展将为您的演示和模型提供您的代码和输出快照。你也可以添加主题和效果来为promo和你的在线投资组合创建图片。

7)iMacros Chrome

作为一个web开发人员,您需要定期测试您的web页面,这常常意味着重复同样的操作,这可能是令人厌烦的。Chrome有一个方便的扩展- iMacros,可以帮助您记录和保存操作。用这种方法,你只需要做一次这些动作。在您安装了这个扩展并保存了您的操作之后,您可以一次又一次地测试您的页面,只需按一下按钮即可。这个方便的应用程序可以帮助你节省宝贵的时间。它还能帮助你快速、轻松地填写web表单、记住密码、创建一个webmail通知器、从多个网站下载数据等等。

8)字体操场

每个开发人员和设计人员都会发现这个扩展非常宝贵。字体游戏可以让你在没有任何实际变化的情况下,在一个活的网页上尝试本地字体和整个图书馆的谷歌字体。这个扩展的好处是它包含了所有不同的字体重量、样式和文本效果,这样你就可以在你实现这些更改之前可视化你的网页了。

9)Yslow

你是否感到头痛,你的网页加载速度变慢了?YSlow会发现是什么导致了减速。它分析web页面,并根据Yahoo对高性能web站点的规则测试您的web页面。Yslow测试了你的网页与雅虎绩效团队确认的34条规则中的23条。对于web设计人员和开发人员来说,这是一个非常有用的工具,因为它还提供了提高web页面性能的方法。

10)Web开发人员

作为一个web开发人员,您可能会问自己,如果没有这个扩展,您是如何生活的。它在Chrome上添加了一个工具栏按钮,有多种非常有用的工具,比如显示隐藏元素的能力、填充表单、控制浏览器缓存,以及在样式表之间快速修改和切换。Chrome的web开发人员扩展了一个小工具栏,提供了不同的工具。对于开发人员来说,无疑是最有用的Chrome扩展之一。

11)Web开发人员清单

如果您的web页面在搜索引擎优化、可用性、可访问性和性能(页面速度)方面遵循最佳实践,那么这个工具允许您检查所有页面。例如,如果你在网页上没有H1标签,或者网页缺少它的元标题或元描述,它会通知你,这样你就可以快速解决这个问题。如果你在扩展的底部点击“更多信息和帮助”链接,你会发现一个更深入的清单。

12)DevTools自动保存

这是专门为web开发人员设计的chrome扩展之一。如果你忘记保存你在网页上做的改动,你会怎么做?这就像把水洒在你的辛勤工作和努力上。你失去了这一切。对于web开发人员的chrome扩展,可以通过chrome Dev工具环境将您对网页CSS和JS的更改保存到它的源文件。它很容易设置,也很容易使用。

13)ColorZilla

就像它的名字一样,这个扩展有多个特点,它是一个先进的眼药水,颜色选择器和梯度发生器。此外,ColorZilla还允许您选择一个区域,然后单击调色板来查看一个区域的颜色如何变化,而无需触及任何代码。

14)搜索Stackoverflow

如果您是一名开发人员,那么您可能听说过Stack Overflow,它将用于开发相关的问题。如果不是,那么您一定要检查它,社区正在蓬勃发展,它涵盖了从C和Java到PHP以及所有语言的各种各样的主题。这个奇妙的扩展将一个搜索框直接添加到您的浏览器中,允许您搜索堆栈溢出的大量资源。

15)PHP忍者手册

你是否曾经遇到过记住所有PHP函数的困难?如果我们告诉你谷歌Chrome提供了一个完整的PHP指南来帮助你呢?不需要在谷歌上搜索PHP函数,因为这里是Chrome - PHP忍者手册最好的开发者扩展之一。PHP忍者手册为您提供了所有PHP 5.5文档,这些文档都有8种语言,而不必离开浏览器。

16)PerfectPixel

设计师们讨厌它,因为他们创造了一个令人震惊的设计,因为它没有在编码的时候完美地匹配。这个扩展允许开发人员将半透明的图像覆盖在开发的HTML之上,并在它们之间进行逐像素的比较,以开发出准确的设计表示,并给您100%的准确性。

17)代码可乐

这个工具不仅允许你查看你正在做的事情的源代码,而且它还可以作为一个CSS编辑器,这意味着你可以在现场编辑你的网页CSS样式,并立即看到变化。

18)PicMonkey

这是一个容易使用的免费在线图片编辑器,允许你编辑网页图片和截图。但这并不是它这么好的原因。PicMonkey让你通过点击一个按钮就可以抓取整个页面的图像和屏幕截图。一旦你选择了图像,你就可以编辑它,但是你希望从应用效果到改变曝光。

19)Chrome Daltonize

色盲(CVD)或色盲影响全球数百万人。这个巧妙的扩展使用了daltonUNK,这是一种技术,允许创建更适合于CVD查看的图像。这个奇妙的扩展可以用来模拟图像显示给CVD的人,并帮助你设计一个更容易访问的网络应用程序,全球数百万人都患有色觉缺陷,这个扩展帮助你为这些人设计。该扩展工作原理为dalton化,这有助于定制图像,它更倾向于帮助CVD的人轻松地查看它们。

20)Flickr选项卡

当你打开一个新标签时,你是否已经厌倦了你的Chrome标签页?你祈祷的答案已经以Flickr标签的形式出现了。这是一个简单的小扩展,每当你打开一个窗口时,它会显示一个流行的Fickr照片。单击照片可以在Flickr上查看,或者点击用户名查看更多来自拍照者的照片。

21)DomFlags

DomFlags是一个DevTools扩展,它允许您为DOM元素创建键盘快捷键/书签,这样可以更快地完成检查。

22)维尺寸是测量屏幕尺寸的一个开源扩展。当你得到一个新的图形用户界面模型时,它是一个方便的工具。

23)公司添加有很多可用的lorem ipsum生成器,但让企业ipsum不同的是它会生成随机的企业术语作为填充文本。

24)EnjoyCSS享受css的扩展允许你访问所有便利的CSS3工具,从享受css网站所有的舒适的扩展。您可以创建‪2 d‬&‪3 d‬变换,多个复杂‪转换‬,多元线性和径向‪‎梯度‬,文本阴影和一切你能想到的。

25)Fontface忍者

Fontface Ninja是一个有趣的扩展,它不仅允许你发现什么字体实际上被使用在一个网站上,而且也允许你下载它们。这个扩展的开发者恳求你不要滥用它的功能。

26)Html即时HTML Instant是一个实时的HTML。它的特点是分屏。当您在分割屏幕的左侧键入代码时,您将自动看到右侧的结果。HTML Instant不仅与HTML兼容,而且还支持CSS和JavaScript。你也可以上传图片,图片,Photobucket,或者一个随机的网站来托管图片。这个HTML编辑器对新手设计者非常友好。

27)搜索图像

图像搜索是我最喜欢的Chrome扩展之一。这个扩展允许你在不同的网站上找到一个特定的图像。通过图像搜索,你也可以找到类似的图片。只需右键单击感兴趣的图像并选择“搜索谷歌与此图像”。你会发现包含匹配图像的页面,或者视觉上相似的页面

28)响应性Web设计测试仪

响应式Web设计测试器是一个很棒的Chrome扩展,可以快速浏览你的网站在不同浏览器和设备上的表现。响应式Web设计测试器是一个快速且简单的测试你的反应性网站的方法。

29)图像下载

作为一名网页设计师和开发者,你需要多次从网络上下载图片。下载大量图像可能是一个耗时的任务,但对于chrome的图像下载器,你可以很容易地做到这一点。通过这个扩展,您可以看到页面包含的图像和它们的链接。您可以通过宽度、高度和URL来过滤它们。这也允许你通过点击图像来选择图像下载。您还可以选择自定义图像显示宽度、列、边框大小和颜色。在图片库中抓取图像是很好的。

最后…最后但并非最不网站驱逐舰

我们都有糟糕的日子。当那些糟糕的日子到来的时候,你可能需要一些东西来帮助释放那些已经建立起来的挫败感和愤怒。你需要网站破坏者扩展。它可以让你用无限量的武器来粉碎任何网站。无限的弹药!我发现原子弹非常令人满意。

结论

正如前面所提到的,有成百上千的Chrome扩展可以帮助您的web设计和开发工作流程,而且我非常有信心,我已经错过了一些您可能认为必不可少的东西。我很乐意在下面的评论中听到这些。 

本文由重庆网站建设公司派臣科技收集于网络并整理发布。

重庆网站建设,留言

返回顶部

君