32种谷歌浏览器插件,程序猿的福音

对于网页设计人员或站点开发者来说,更喜欢使用像FF的此类浏览器,原因是其具有强大的辅助插件,能够帮助网页制作与开发提高效率,那么相同对于Google Cchrome浏览器来说也是具有大量的此类插件。本文收集了一些针对Google Cchrome浏览器进行网页制作开发的插件工具。能够有效提高网页设计师或前端开发者的工作效率。

不管是Firefox还是Google Chrome。其强大的扩展都是吸引我们最大的原因之中的一个。以下介绍的是网页设计和网页开发人员会经经常使用到的32款 Google Cchrome 扩展

1. FireBug Lite

Firefox有个很出名的扩展——FireBug,Firebug Lite 就相当于Firefox的FireBug,能够即时预览到编辑、改动 CSS, HTML 和 JavaScript的效果。

2. Resolution Test

Resolution Test 可以改动浏览器窗体的分辨率,从而让网页开发人员可以即时预览页面在不同分辨率以下的表现情况。

3. Speed Tracer

Speed Tracer 能够对网页中的元素进行全方位的检測分析。帮你找出网页执行缓慢的因素。以方便站点开发者优化代码。眼下可在windows 和 Linux 两种操作平台以下执行。

4. Web Developer

Web Developer 能够在浏览器工具条上集成多种网页开发工具。是站点开发人员最经常使用的 Google Chrome 扩展之中的一个。安装Web Developer 扩展之后会在浏览器工具栏加入一个图标。点击图标就能够看到非常多的网页开发工具。

5. Pendule

这个插件功能和FireBug非常像。安装 Pendule 扩展后能够对 Google Chrome 内置的开发者工具进行扩充。

6. Aviary Screen Capture

Aviary Screen Capture 是由 Aviary.com 提供的一个截屏扩展。安装 Aviary Screen Capture 扩展后能够对当前浏览器可见内容进行截屏,然后跳转到Aviary.com 提供的在线图片编辑页面进行编辑,编辑完毕后再保存到本地电脑。

7. Chrome Web Developer Tools

Chrome Web Developer Tools和FireFox Web Developer非常像,和Firefox Firebug的功能接近。

8. Chrome Sniffer

Chrome Sniffer 能够帮助开发者检查网页在执行时的框架/CMS和javascript库的情况,在检測框架时,地址栏会出现一个图标。

9. Lorem Ipsum Generator

能够产生随机的文本。

10. PlainClothes

PlainClothes能够让你对网页任意进行样式定义,甚至禁用样式。相同。你也能够让文字内容在不论什么页面都自己主动依照你设定的样式进行呈现(在“选择”>“Under the Hood”>”改变字体和语言”里设置)。

11. Internet Explorer Tab

在某些必须使用IE的情况下,这个插件会很有效。

12. Chrome SEO

Chrome SEO是眼下最全面的Chrome SEO扩展。安装Chrome SEO扩展后,你在訪问一个网页的时候,能够依照不同分类看到相关的SEO有用參数,包含各个搜索引擎的索引数量、反向链接、流量和排名、被各个书签服务所收藏的次数、被缓存的版本号、域名信息(DNS、Whois、IP等)。所有显示在扩展button的弹出菜单里。

13. SEO Site Tools

SEO Site Tools这个 Google chrome 扩展能够校验CSS代码、HTML代码。以及监測Gzip压缩情况等主要的SEO资料。能够鼠标右键取消该功能。

14. META SEO Inspector

能够用来检查网页的meta属性,而且能够监測no-follow链接属性。

15. Validity

Validity能够使网页在地址栏中高速执行。 仅仅要点击地址栏上的图标就能够激活当前页面。

页面的错误量也可在浏览器工具栏中看见。

16. Eye Dropper

Eye Dropper 扩展能够同意用户从当前页面中的不论什么一个像素提取颜色代码,当然扩展本身也自带了一个非常好用的调色板。

17. Color Picker

颜色拾取器,能够高速获取颜色的Hex 和 RGB值。

18. Image Cropper

Google chrome 浏览器的截图扩展

19. Webpage Screenshot

网页截图扩展,能够把整个页面完整截屏。

20. Picnik

能够让用户很轻松的编辑在浏览网页过程中看到的图片。在网页载入完之后,点击Picnikbutton。用户将能够获得站点图像的缩略图列表。点击这些缩略图,图像将在Picnik打开。用户能够进行编辑、凝视和共享等。

21. MeasureIt!

和Firefox的 MeasureIt! 扩展一模一样的功能。能够測量页面上不论什么内容的宽度和高度。

22. Pixlr Grabber

Chrome的众多截屏扩展之中的一个。既能够对当前正在浏览网页的可视部分进行截屏,也能够对当前正在浏览网页指定区域进行截屏,很多其它为数不多能够对整个网页进行截屏的扩展之中的一个。

23. Domain Availability Checker

能够高速监測域名是否被注冊。

24. Snippy

能够抓取页面中的部分内容。然后保存下来,供将来仅仅用。最强大的功能在于它能够抓取丰富的内容,并保留格式。所以你用它来抓取文字、图片,链接等诸多格式的内容。并能够保留到Google Doc 上。

25. FlashBlock

FlashBlock 能够阻止全部的flash内容加载。等网页加载后你能够点击选择加载flash,或者是下载flash。

26. Built With Technology Profiler

Built With Technology Profiler这个插件能够帮你识别出当前页面都是用了哪些技术。

27. LastPass

LastPass是一个免费的password管理扩展和表格填写扩展。让你上网冲浪更便捷。

28. iMacros

假设你喜欢使用网页浏览器,可是每天反复性訪问同样的站点,让你感到很的厌倦。假设填写表格。忘记password。那么iMacros能帮助你解决问题的!iMacros自己主动化的设计是在网络上最反复性的任务。不管你对Firefox做什么,iMacros能够自己主动运行它。网络设计人员能够使用的功能測试和回归測试网页的Web应用软件。

29. Chrome Flags

Chrome Flags功能是将正在訪问的server所在国家的国旗显示在地址栏上。

30. Frame Two Pages

Frame Two Pages能让你在同一个 Chrome 标签中查看两个标签页面的内容。在进行网页对照的时候很实用。

31. Split Screen

Split Screen和Frame Two Pages有点像,能够将 Chrome 的一个标签分为两个页面,而且能够在每一个页面中显示不同的网页。

32. Session Buddy

Session Buddy是一个进程管理扩展,支持保存和查看当前进程。还能显示、更新进程快照。支持崩溃恢复。

原文地址:https://www.cnblogs.com/liguangsunls/p/7077753.html