`
blessdyb
  • 浏览: 231962 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Firebug七大扩展利器

阅读更多

    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上开源。相比较而言,它在页面加载速度方面做了综合的分析,并就如何提高页面加载时间提出了很多很可行的建议。

1
2
分享到:
评论

相关推荐

    firebug和firepath扩展工具

    firefox浏览器web开发必备的扩展工具firebug和firepath,这两个工具都是原来用在56版本的。

    firebug1.12-firebug1.11-firebug1.10-firebug1.9-firebug1.8-firebug1.7

    firebug1.12 firebug1.11 firebug1.10 firebug1.9 firebug1.8 firebug1.7

    Firebug各大版本

    Firebug各大版本全放一包里了,解压即可使用。注意使用旧版52版本以前的火狐浏览器

    火狐30及FireBug2.0

    火狐30,FireBug2.0 ,web开发利器,下载后直接解压,先安装火狐浏览器,然后点击工具---附加组件,然后将FireBug的文件直接拖到窗口内,即可完成安装,使用时,点击浏览器地址栏后面的虫子图标,即可进入firebug...

    firefox插件firebug

    Firebug是firefox的一个插件...而且可以在线的时候修改dom非常弹大的插件. 用Firebug + Firefox 组成最强大的网页调试工具。 文件的扩展外是 xpi 直接拖入到 FireFox中就可以安装了。 安装好后按 F12 就会弹出调试窗口

    firebug-2.0.16-是firefox下的一个扩展,能够调试所有网站语言

    Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。例如 Yahoo! 的网页速度优化建议工具 YSlow。 [1] Firebug也是一个除错工具。用户可以利用它除错、编辑、...

    Javascript的调试利器:Firebug使用详解

    Javascript的调试利器:Firebug使用详解

    firebug 1.5 JavaScript兼容性调试利器

    firebug 1.5 JavaScript兼容性调试利器! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    火狐浏览器带Firebug

    Firebug是firefox下的一个扩展,能够调试所有网站语言,如Html,Css等,但FireBug最吸引人的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能...

    fireBug教程Word版(全)

    Javascript的调试利器:Firebug使用详解 分类: JavaScript2007-09-02 13:2086686人阅读评论(75)收藏举报 Javascript的调试,是开发Web应用尤其是AJAX应用很重要的一环,目前对Javascript进行调试的工具很多,我...

    firebug各个版本安装包

    firebug各个版本安装包,从firebug-1.7.3到firebug-1.12.7-fx.xpi。

    httpwatch与firebug.

    httpwatch与firebug.

    firebug2.0.7

    firebug2.0.7

    firebug.7z

    firebug从firebug-1.7.3到firebug-1.12.7-fx.xpi各个版本安装包,适用于火狐50以下各个版本

    Firebug第三方插件

    rebug是firefox下的一个扩展,能够调试所有网站语言,如Html,Css等,但FireBug最吸引人的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能还...

    Firebug | 火狐调试工具 V2.0.19 正式版

    Firebug 是网页浏览器 Mozilla Firefox 的一个扩展,是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM、与 JavaScript 代码。Firebug 也有提供其他网页开发工具,例如 Yahoo! 的网页...

    firefox_firebug

    firefox + firebug firefox + firebug firefox + firebug

    firebug 1.7

    firebug 1.7 ,不错的调试工具,web调试利器. 解压后用firefox打开即可安装

    Firebug 1.4.2

    Firebug 1.4.2是FIREFOX的扩展插件 它兼容的版本3.0 – 3.5.*

Global site tag (gtag.js) - Google Analytics