六
即使不从事网页设计,只要喜欢Firefox,大多数人也会喜欢上firebug。firebug是什么?firebug集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,就一个很强大的开发插件。
有些网页有些源代码不能让你查看?没问题,firebug足以应付绝大部分的网页。故说,firebug也是一个偷师的好工具。
虽然说firebug的功能已经足够强大,但也有人不仅满足以现在的功能。于是开发了很多插件以辅助firebug工作得更好。下面Sonny介绍一下10个firebug的辅助性插件:
1. Pixel Perfect
![]()
Pixel Perfect 的特长是:它很明显很依符在firebug上,当你修改CSS 和 HTML是,显示结果会覆盖原来的页面布局,可以切换不同的而已结合,那么就更容易得到很好的组合。
表达很难,直接看这里的视频吧。
2. Page Speed

Page Speed 是一个用于测试网页性能的扩展,开发者有时候会更愿意自己网页的性能,例如是否合搜索引擎的心意。是由google开发的,用于网页加速。
使用前可以先参考一下英文版的指南。
3. CodeBurner

CodeBurner, 我们知道用firebug可以查看html及CSS,但有时有些开发者撰写的代码不一定是符合W3C标准的,安装CodeBurner之后,查看有码代码的同时,firebug也同时显示符合W3C标准的建议。(13个网页设计必备的Firefox扩展)
4. FireRainbow

FireRainbow 就是能高亮显示有关代码,功能就这么简单。它官方还提供20多个主题,颜色组全由你选择。
5. Inline Code Finder

Inline Code Finder 专注于找出内嵌JavaScript和CSS,以JavaScrip(功能)t和CSS(样式)的不同分开显示html。它搜索整个网页的内嵌代码及有关信息,还可以过滤某些内嵌代码。
6. Firecookie

有时候cookies是一个很烦人的东西,会浪费点时间。Firecookie 就是一个可以管理,创建,删除cookies及相关的扩展。
7. FirebugCodeCoverage

FirebugCodeCoverage 是一个测量你的网页有多大一部分代码是被执行了的,如果没被执行的代码过多,那就不好了。
8. SenSEO

SenSEO 很明显是一个SEO(搜索引擎优化的插件)扩展,重点提示元标签、标题和其他有关标准。
9. Yahoo! YSlow

YSlow 是一个评价网页的性能,并提出改进方案的插件。如显示信息和统计资料,网页组件的优化和集成工具,这些工具如JSLint和Smush.it。
10. Firefinder

Firefinder 可快速搜索CSS的类选择器,找到哪些部分是受哪个CSS组件影响并高亮显示。
本文总结及截图出自
。
相关东东 |



已经有6位客官在 《10个Firefox扩展使firebug更强大》 留话了
六月 22nd, 2009 at 12:30 下午
个人觉得 CodeBurner很好用.
[回复]
六月 26th, 2009 at 7:44 下午
太专业了!
加油!
[回复]
七月 3rd, 2009 at 5:58 下午
好复杂啊
[回复]
七月 3rd, 2009 at 5:59 下午
有中文版的吗
[回复]
Sonny 回复:
七月 3rd, 2009 at 7:16 下午
上面的安装链接就是中文版的,有一两个不是
[回复]
七月 26th, 2009 at 12:56 上午
很好,很强大。我只是用过firebug和YSlow
[回复]