我喜欢谷歌浏览器。它的简单性,速度和性能是无可比拟的。但有时,太简单也是一个问题,特别是对于那些严重依赖Firefox插件(如Web Developer)的网页设计师而言。
但现在,一切都变了,有一群极客对Chrome有着非常执着的爱了,他们决定创建Chrome扩展,它具有与Firefox Addon类似的功能。我研究了这些扩展,对他们非常满意,因此我决定选择40个扩展,这对于网页设计师非常有帮助,我将在本文中跟大家分享。
所以在这里,它们将非常适合你,减帮助你提高生产力。
就像它的名字一样,ColorPicker是一个方便的扩展,主要用于从网页上的任何地方挑选颜色的价值。此外,您可以选择一个区域,然后单击调色板,以查看该区域的颜色如何更改,而无需去找任何代码。
对从图像中寻找颜色方案非常头痛?Chrome调色板通过从网站的图像中创建多达64种调色板,以满足你的设计或灵感需求,从而有效解决你的问题。
Color Tweaker可以像Color Picker一样修改网站的颜色,但可以使用更具体的方法。只需在此扩展名中输入CSS选择器,然后根据你的意愿调整文本,背景和边框颜色的颜色。
没有更多的猜测和疲倦的程序切换,字体编辑器允许你修改和观察字体设置,如大小,行高和变体活泼。
如其名称所示,此扩展允许你从Google字体目录中预览字体,其中包含尺寸,样式,重量和阴影的文本样式选项。如果你对特定字体感到满意,你可以将扩展中提供的链接和CSS代码复制并粘贴到你的网站代码以使用该字体。
可能是网页设计师和开发人员必备的扩展。从查看脚本到显示对象信息,Web Developer旨在从现有网站提供所需的每一条信息。该扩展还配备了有用的工具,如颜色选择器,窗口调整器,验证器等。
与Web Developer类似的轻巧便利的开发者工具,但仅配备了必要的工具,如样式查看器,源代码查看器和验证器。
与Firefox不同的是,Firebug Lite在HTML元素,DOM元素和Box模型共享方面提供了类似Firefox的可视化表示。它还具有使用鼠标检查HTML元素的能力,你可以使用此扩展来编辑CSS属性。
Stylebot允许你直接对任何网站进行风格调整,而不需要接触CSS代码,这样可以节省大量的打字工作。此扩展的最佳功能可能是每当你更改网站时,都可以为你自动生成CSS代码。
每次想知道什么样的CSS样式被应用到某些元素时,厌倦了“检查元素”?CSS Viewer可以通过显示元素的字体,颜色和定位等基本信息来帮助你。
重新加载CSS样式表,而不刷新整个网站,这大大节省了你的等待时间,特别是对于网速较慢的设计师。
这个扩展的最酷的部分是列出每个实现的Web技术,如框架和Web标准和非常详细的信息。
IE Tab Multi被证明是与原始Internet Explorer最相似的一种,IE Tab Multi是Chrome中的Internet Explorer,支持大量IE的默认功能,如多标签。
使用Window Resizer,你可以使用标准或用户定义的屏幕分辨率来测试网站的屏幕分辨率兼容性。
最好的验证器扩展名之一,可以自动或手动模式验证在线或本地主机网页的HTML代码。你还可以选择在网页中显示验证结果或在全新的选项卡中查看。
通过各种主题和字体选项,Sight将网站的源代码以更为视觉舒适的形式强调。
被PHP错误欺骗,但不知道是什么和在哪里?PHP控制台通过以通知形式显示错误,异常和调试消息来帮助你。
JavaScript API搜索增加了对Chrome Omnibox的支持,或者称之为地址栏,使用自动完成功能在线搜索JavaScript函数。如果扩展程序找不到你正在搜索的功能,则会进一步向你提供Google代码搜索,开发和编码搜索以及Mozilla开发人员网络搜索中的相关搜索。
虽然jQuery已经证明自己是领先的JavaScript库,可以改善用户体验,但jQuery API搜索可以让你通过Chrome Omnibox搜索jQuery API。只需输入“jq”,然后在多功能框中输入一个空格,就可以随时随地得到想要的结果。
与jQuery API搜索类似,此扩展程序增加了对Chrome Omnibox的支持,以搜索PHP代码以供参考。
为了让自己远离浪费网站的时间,但从未成功过?作为你的虚拟主管,在一段特定的时间内阻止网站浪费时间,并在尝试解除阻止或减少网站的阻止时间时,向你提供建议。它还具有诸如核选择和挑战模式等关键功能,以无情的方式杀死你的时间浪费欲望。
使用PopChrom,你可以为文本短语定义自己的快捷方式,例如“thank you”的“ty”。需要激活密钥来将缩写转换为定义的文本短语,因此选择不会与其他快捷键崩溃的组合键。
Quickrr生产力工具包为你提供了一系列基本但有用的工具,如翻译器,计算器,任务待机,单位转换器等。
使用易于设置的帐户,你可以访问此任务管理器,以记录和编辑完成所需的每个任务。此扩展程序的最佳部分是你的在线储存任务,以便你可以记录安装了此扩展的每个Chrome上的访问任务。
跟踪你在某些任务上花费的时间,或记录你在特定网站上花费的时间。Ananke计时器还支持多次跟踪,并允许你浏览过去跟踪的内容。
Chrome工具箱由Google创建,为你提供自定义功能,如标签行为修改,表单数据恢复和快捷方式创建,从书签文件夹启动预定义的链接。
没有人喜欢点击更多来访问某些页面,Chrome页面扩展是你访问所有必要的Chrome页面(如扩展程序)的捷径。
使用AppJump,你可以从浏览器工具栏组织并快速启动Chrome应用程序。
书签太多,未能有效整理书签?Boorkmark切换器可以让你创建全新的书签栏,轻松切换。
保存你的Windows会话,然后在任何具有TabCloud的计算机上进行恢复,从而节省了大量的时间,可以从不同的网站从书签文件夹的不同部分重新打开。
由搜索引擎巨人Google开发的“Similar Pages”搜索网页上类似的网页内容.
通用搜索(Universal Search)可以轻松获得资源或参考资料,这样你可以在搜索框中搜索维基百科,Bing等搜索引擎。当你突出显示你正在查看的网站中的任何文字时,搜索框也会弹出。
一个强大的屏幕截图,捕获网站的任何部分,并用矩形,圆形,箭头,线条和文字进行注释。然后,你可以将PNG文件格式的屏幕截图导出到计算机或Web。
Evernote的官方扩展程序捕获并记录你在网络上的发现,然后上传到Evernote。该扩展还支持搜索并同步保存的音符的功能。
使用Diigo可以私密或公开地向网页进行高亮度,注释或发布便笺,以便你随时访问网页时查看。
将Thinkery作为你的在线大脑,然后将你的链接地址和文本选择保存到其中,以便稍后查看。
注意事项应该是一个简单的过程,并且可以通过myNotes来允许您通过上下文菜单中的一次点击来为所选文本添加书签。
这可能是为你寻找高品质照片的唯一的搜索扩展啦。
随着Chrome扩展和应用程序的不断扩大和发展,越来越多的Firefox爱好者可能会将Google Chrome作为默认的网络浏览器。话虽如此,你现在可以使用目前的扩展程序和应用程序将您的脸转向Google Chrome吗?
如果你在Chrome中有很好的扩展功能,那么也可以分享给我们,总有一个很棒的工具!
看完本文有收获?请转发分享给更多人
欢迎关注“互联网架构师”,我们分享最有价值的互联网技术干货文章,助力您成为有思想的全栈架构师,我们只聊互联网、只聊架构,不聊其他!打造最有价值的架构师圈子和社区。
本公众号覆盖中国主要首席架构师、高级架构师、CTO、技术总监、技术负责人等人 群。分享最有价值的架构思想和内容。打造中国互联网圈最有价值的架构师圈子。
长按下方的二维码可以快速关注我们
如想加群讨论学习,请点击右下角的“加群学习”菜单入群