22

即使不从事网页设计,只要喜欢Firefox,大多数人也会喜欢上firebug。firebug是什么?firebug集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,就一个很强大的开发插件。

有些网页有些源代码不能让你查看?没问题,firebug足以应付绝大部分的网页。故说,firebug也是一个偷师的好工具。

虽然说firebug的功能已经足够强大,但也有人不仅满足以现在的功能。于是开发了很多插件以辅助firebug工作得更好。下面Sonny介绍一下10个firebug的辅助性插件

1. Pixel Perfect

10个Firefox扩展使firebug更强大

Pixel Perfect  的特长是:它很明显很依符在firebug上,当你修改CSS 和 HTML是,显示结果会覆盖原来的页面布局,可以切换不同的而已结合,那么就更容易得到很好的组合。

表达很难,直接看这里的视频吧。

2. Page Speed

10个Firefox扩展使firebug更强大

Page Speed 是一个用于测试网页性能的扩展,开发者有时候会更愿意自己网页的性能,例如是否合搜索引擎的心意。是由google开发的,用于网页加速。

使用前可以先参考一下英文版的指南

3. CodeBurner

10个Firefox扩展使firebug更强大

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

4. FireRainbow

10个Firefox扩展使firebug更强大

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

5. Inline Code Finder

10个Firefox扩展使firebug更强大

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

6. Firecookie

10个Firefox扩展使firebug更强大

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

7. FirebugCodeCoverage 

10个Firefox扩展使firebug更强大

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

8. SenSEO

10个Firefox扩展使firebug更强大

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

9. Yahoo! YSlow

10个Firefox扩展使firebug更强大

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

10. Firefinder

10个Firefox扩展使firebug更强大

Firefinder 可快速搜索CSS的类选择器,找到哪些部分是受哪个CSS组件影响并高亮显示。

本文总结及截图出自Jacob Gube之手。原文在这里

推介:22个关于Twitter的Firefox扩展

Tags: , ,

相关东东

已经有6位客官在 《10个Firefox扩展使firebug更强大》 留话了

  1. 1 金融危机对中国的影响
    六月 22nd, 2009 at 12:30 下午  

    个人觉得 CodeBurner很好用.

    [回复]

  2. 2 西贝小鱼儿
    六月 26th, 2009 at 7:44 下午  

    太专业了!
    加油!

    [回复]

  3. 4 滤网
    七月 3rd, 2009 at 5:59 下午  

    有中文版的吗

    [回复]

    Sonny 回复:

    上面的安装链接就是中文版的,有一两个不是

    [回复]

  4. 5 faye
    七月 26th, 2009 at 12:56 上午  

    很好,很强大。我只是用过firebug和YSlow

    [回复]

添加评论

Name (Required)
Mail (Required)
Website
Comment