Firebug是我们Web开发中的不可缺少的工具,它的强大之处不用我再啰嗦了。在Firebug社区也活跃着很多大神们,他们对于Firebug开发了很多扩展插件,为我们的应用开发提供了更大的便利之处。我们可以从Firebug的官方网站http://getfirebug.com/extensions 上来查看各种有用的插件。在此介绍七个Firebug中最著名的插件。
YSlow
YSlow是一个用来评估网页性能,同时提出改进建议的地方。它基于了22条影响浏览器中网页性能及体验的准则。这些准则是Yahoo!用户体验团队所提出的34条准则的一部分。
YSlow实现了一个使用字母来对网页性能分级的规则集。它提供了好多常用的功能,比如显示网页信息及组件,JSLint及Smush.it等的优化工具。
YSlow 通过检测网页中的所有组件(包括使用JavaScript动态生成的组件)来分析Web网页的性能。相对于这些分析结果,YSlow逐条提出了完善的优化建议。
Firecookie
如果我们的网站应用在很大程度上利用了Cookie,那么分析网站应用发送给浏览器的Cookies将会是一个即费时又恐怖的工作。Firecookie提供了一个基于主机的可选的Cookies管理分析工具。
Firecookie帮助我们在浏览器中查看和管理Cookie。它以列表的形式显示了当前用户浏览的Cookies。呈现信息包括基本的Cookie信息(如名称,值,主机及过期时间等等),也可以来查看权限,事件及过期时间。
Firecookie一个很不错的功能就是它帮助我们随时看到Cookie的改变。 在通常的网页浏览中也可以使用Firecookie 来帮助我们提升体验,如果用户在一个网站上没有注册帐户,但想让浏览器记住他的前端体验的设置,那就可以将字体偏好等在Firecookie中保存。
Pixel Perfect
Pixel Prefect是一个为Web开发人员特别是设计人员量身定作的一个非常有用的扩展。它允许使用者能够轻松地将新的组件覆盖在已有的网页上面,并通过拖动来确定位置以查看效果,而不是以往的主观目测。最具特色的透明度的选项使得我们更加方便地来对多层网页应用组件进行位置及尺寸的设置。
Firefinder
Firefinder是一个更加强大的选择搜索器。它使得我们能够快速地找到匹配XPath或者CSS选择器的Web页面元素,同时也可以来测试我们的页面元素,看其是否是被一个CSS样式规则所影响,并将其高亮显示,方便我们的查看。
FireQuery
FireQuery主要是针对于jQuery框架来扩展的一个插件。它在Firebug的HTML控制栏中加入了一个选项,使得我们能够更加直观地看到网页所嵌入的数据元素,网页所使用的jQuery事件及版本等。同时如果我们所浏览的网页不支持jQuery,FireQuery就是那些jQuery粉丝的福音。我们也可以通过FireQuery来帮助我们在当前网页的Firebug控制台下使用jQuery来进行Web信息的提取及调试。
SenSEO
SenSEO插件帮助我们核查当前站点页面SEO的实现,同时它计算得出了我们的站点页面所达到的SEO的级别。像YSlow参照Yahoo!的性能规范一样,SenSEO以Google的网站管理员SEO指南为准则来审查我们的站点页面。
SenSEO为我们的搜索引擎优化提供了详细的报告,站长们可以按其给出的报告针对自己的站点网页进行优化。
Page Speed
Page Speed和YSlow有些相似,并且已经在Google Code上开源。相比较而言,它在页面加载速度方面做了综合的分析,并就如何提高页面加载时间提出了很多很可行的建议。