zoukankan      html  css  js  c++  java
  • 用来武装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等,都可以下载下来。
  • 相关阅读:
    Mybatis+MySql 一个标签中执行多条sql语句 这个坑 ,我心中有一句MMP
    Springboot 统一异常处理
    Springboot中jar 重复冲突 导致 静态资源加载问题!
    zookeeper 命令行使用
    Storm 提交任务过程详解 (不对地方麻烦指正)
    kafka 集群安装过程
    Storm 集群安装
    hbase运行时ERROR:org.apache.hadoop.hbase.PleaseHoldException:Master is initializing的解决方法
    HBase架构原理详情
    红黑树(一) 原理和算法介绍
  • 原文地址:https://www.cnblogs.com/handboy/p/7158374.html
Copyright © 2011-2022 走看看