谷歌浏览器(Chrome)在2008年底才公布。但非常快它已成为火狐(Firefox)有力竞争对手。
之前。由于有大量的附加组件的支持,所以火 狐(Firefox)是大多数网页设计者的首选浏览器。谷歌浏览器(Chrome)紧跟其后,相同开发了非常多扩展,特别是针对网页设计者的扩展,数量众 多,包含非常著名的Web Developer扩展。
以下收集的这些扩展,最好还是你也装上试试。
不管是Firefox还是Google Chrome。其强大的扩展都是吸引我们最大的原因之中的一个。以下介绍的是网页设计和网页开发者会经经常使用到的32款 Google Cchrome 扩展。
1. FireBug Lite
Firefox有个很出名的扩展——FireBug,Firebug Lite 就相当于Firefox的FireBug,能够即时预览到编辑、改动 CSS, HTML 和 JavaScript的效果。
Resolution Test 可以改动浏览器窗体的分辨率,从而让网页开发者可以即时预览页面在不同分辨率以下的表现情况。
3. Speed Tracer
Speed Tracer 能够对网页中的元素进行全方位的检測分析。帮你找出网页执行缓慢的因素,以方便站点开发人员优化代码。眼下可在windows 和 Linux 两种操作平台以下执行。
Web Developer 能够在浏览器工具条上集成多种网页开发工具。是站点开发者最经常使用的 Google Chrome 扩展之中的一个。安装Web Developer 扩展之后会在浏览器工具栏加入一个图标,点击图标就能够看到非常多的网页开发工具。
5. Pendule
这个插件功能和FireBug非常像,安装 Pendule 扩展后能够对 Google Chrome 内置的开发人员工具进行扩充。
Aviary Screen Capture 是由 Aviary.com 提供的一个截屏扩展。安装 Aviary Screen Capture 扩展后能够对当前浏览器可见内容进行截屏。然后跳转到Aviary.com 提供的在线图片编辑页面进行编辑,编辑完毕后再保存到本地电脑。
Chrome Web Developer Tools和FireFox Web Developer非常像,和Firefox Firebug的功能接近。
Chrome Sniffer 能够帮助开发人员检查网页在执行时的框架/CMS和javascript库的情况,在检測框架时,地址栏会出现一个图标。
能够产生随机的文本。
10. PlainClothes
PlainClothes能够让你对网页任意进行样式定义,甚至禁用样式。相同。你也能够让文字内容在不论什么页面都自己主动依照你设定的样式进行呈现(在 “选择”>“Under the Hood”>”改变字体和语言”里设置)。
在某些必须使用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资料,能够鼠标右键取消该功能。
能够用来检查网页的meta属性,而且能够监測no-follow链接属性。
15. Validity
Validity能够使网页在地址栏中高速执行。 仅仅要点击地址栏上的图标就能够激活当前页面。页面的错误量也可在浏览器工具栏中看见。
16. Eye Dropper
Eye Dropper 扩展能够同意用户从当前页面中的不论什么一个像素提取颜色代码,当然扩展本身也自带了一个非常好用的调色板。
17. Color Picker
颜色拾取器,能够高速获取颜色的Hex 和 RGB值。
18. Image Cropper
Google chrome 浏览器的截图扩展。
网页截图扩展,能够把整个页面完整截屏。
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 或 IP Whois & Flags Chrome(推荐)
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是一个进程管理扩展。支持保存和查看当前进程,还能显示、更新进程快照,支持崩溃恢复。