• 用来武装Firebug的十四款Firefox插件


    原文发布时间为:2010-04-24 —— 来源于本人的百度文章 [由搬家工具导入]

    如果你是一名Web设计师,Firebug想必不会陌生,作为一款Firefox插件,它可能是网站前端开发最有用的工具之一。尤其是如今网站中用到越来越多的javascript和ajax技术,firebug为Web前端开发与调试提供了莫大便利。Firebug拥有众多优点,其中就包括可扩展性,下面介绍的这些Firefox插件就是用来武装Firebug的,让它变得功能更丰富,更便捷。

    1. YSlow(Why slow?-为什么慢呢?)

      YSlow是一款用来分析网页,并提出前端性能改进建议的Firefox插件。YSlow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具,如:Smush.it™JSLint

    2. Page Speed

      与YSlow非常相似,Page Speed是google团队推出的一款用于评测网页性能的插件,尤其可以依据“网页性能最佳实践”对网页性能提出改进建议。
      Page Speed可以自动优化图片,并提供压缩版本。它也可以侦测到那些实际并未用到的Javascript和css,以便优化它们。
      Page Speed可是个1.3M的大插件,它还拥有许多优秀功能等你尝试。

    3. Pixel Perfect

      在制作网页时,在页面上添加一个新的设计元素(例如一个图片或图标)之前,我们往往希望提前看到元素添加后页面的整体效果。Pixel Perfect就可以帮你实现这个想法,它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。
      我感觉这款插件也可用来做网页中元素的微调,以保证和最初设计蓝图一致,如它的名字,完美到一个像素都不差。

    4. CodeBurnder

      安装CodeBurner后,可以再firebug面板中看到参考面板用来查询html元素、html属性、css属性,就像一个字典一样。
      当在Firebug中选中一个节点时,它也会提供一些相关的代码示例供你参考。

    5. FireUnit

      FireUnit提供了一个简单的API用来做简单的测试记录及单元测试。

    6. FirePHP

      在FirePHP的帮助下,你可以通过调用一个简单的PHP方法,在Firebug中记录日志。

      数据是通过响应包头(Response Header)发送的,不会影响到网页内容。

    7. FireRainbow

      FireRainbow 可以用来控制、修改Firebug中Script的语法高亮显示。

    8. FireDiff

      It adds a change monitor recording every change made, by Firebug and the website itself, to CSS and the DOM.
      它能够记录通过Firebug或网站自身的CSS或DOM的每一次改动。

      这个我装上后,也没看出firebug上多了什么,也不知该怎么用。希望知道的朋友留言说一声。

    9. Jiffy Firefox Extension

      安装Jiffy Firefox Extension后会在Firebug中出现一个新面板,用来图形化显示Javascript的运行时间,并可打印出报表。

      看主页说明,使用好像还有点麻烦。感兴趣的朋友自己看下。

    10. Hammerhead

      Hammerhead可以帮助你计算网页的载入时间。(这个好像Firefox本身具备啊)

      它支持多页面,并允许你清除磁盘或内存缓存后再进行载入时间测试。

    11. Firecookie

      Firecookie, 是一个嵌入在Firebug中的cookie浏览管理插件。

      如果在Web开发中用到了cookie,使用它可以轻松的浏览cookie值、过期时间等,有助于快速开发。

      使用它时需要在Firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。

    12. Firefinder

      在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”,专门介绍过这款插件。不再多说,需要的话去看一下。

    13. LiveCoder

      LiveCoder是Firebug的一个扩展,用来查看Firefox Chrome。这对与那些Firefox插件开发者非常有用,它可以帮你检查、修改Firefox插件的Dom。

      不知道国内是否开发Firefox插件的,否则就用不到了

    14. ScrapBook Plus 用来下载页面的。可以把在线页面完整下载下来,离线浏览。包括图片CSS等,都可以下载下来。
  • 相关阅读:
    Uva 10779 collector's problem
    poj 2728 最优比率树(最小生成树问题)
    LA 3126 二分图匹配 最小路径覆盖
    poj 1149 最大流构图
    Step By Step(Java XML篇)
    Step By Step(Java 输入输出篇)
    Step By Step(Java 集合篇)
    Step By Step(Java 线程篇)
    Step By Step(Java 反射篇)
    Step By Step(Java 国际化篇)
  • 原文地址:https://www.cnblogs.com/handboy/p/7158374.html
Copyright © 2020-2023  润新知