`
blessdyb
  • 浏览: 236525 次
  • 性别: 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扩展工具

    Firebug和Firepath是Firefox浏览器中的两款非常重要的开发者扩展工具,尤其对于Web开发人员来说,它们是不可或缺的调试和测试助手。这两款工具在Firefox 56版本之前被广泛使用,尽管现在可能已经被新的开发工具如...

    Firebug各大版本

    由于Firefox从53版本开始移除了对经典扩展的支持,转向了WebExtensions API,因此,较新的Firefox版本不再兼容Firebug。如果你需要使用特定版本的Firebug,必须确保你的Firefox浏览器版本与之匹配。 3. **Firebug的...

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

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

    火狐30及FireBug2.0

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

    firefox插件firebug

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

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

    这个压缩包包含了Firebug从1.7到1.12的不同版本,让我们逐一探讨这些版本中的关键更新和特性。 1. Firebug 1.7: - 在这个版本中,Firebug引入了对HTML5新特性的支持,如离线存储(localStorage和sessionStorage)...

    最新版fireBug插件

    而"firebug-1.6.1.xpi"则是FireBug插件的安装文件,用户可以直接在Firefox浏览器中安装这个.xpi文件来添加FireBug扩展。 总的来说,FireBug是Web开发史上的一款里程碑式工具,它的出现极大地推动了前端开发的进步,...

    FireBug离线安装版

    总的来说,“FireBug离线安装版”是一个适用于Firefox的前端开发利器,尤其是对那些在网络环境不稳定或有限制的环境下工作的开发者来说,离线安装版本确保了他们能够随时使用这个强大的工具进行工作。通过阅读...

    firebug各个版本安装包

    Firebug对Firefox的扩展性是其成功的关键。通过安装.xpi文件,开发者可以轻松地将Firebug集成到浏览器中,无需离开Firefox就能进行全方位的网页开发工作。这种无缝集成使得Firebug成为了Web开发者不可或缺的工具。 ...

    firebug插件

    Firebug是Firefox浏览器的一款强大扩展,专为Web开发者设计,集成了多种调试工具,使得网页开发、调试和优化变得更加高效。它最初由Joe Marini在2006年创建,随着时间的推移,逐渐成为了前端开发者不可或缺的利器。 ...

    FireBug插件使用教程

    安装好浏览器后,打开浏览器,选择菜单栏上的“工具”菜单,选择“附加软件”,在弹出窗口中点击右下角的“获取扩展”链接。在打开的页面的搜索输入框中输入“firebug”。等搜索结果出来后点击 Firebug 链接进入 ...

    firebug +Firefox

    标题中的“firebug +Firefox”意味着我们将讨论Firebug作为Firefox浏览器的一个扩展插件。Firebug 1.11.4是该工具的一个版本,它针对Firefox浏览器进行了优化,以提供最佳的前端开发体验。"full-latest"可能指的是这...

    firebug 1.7

    总之,Firebug 1.7作为一款强大的Web开发和调试工具,它的出现极大地推动了Web开发的进步,让开发者能够更加便捷地诊断和优化网页。尽管随着现代浏览器内置的开发者工具的日益强大,Firebug的角色逐渐被替代,但其在...

    firebug-1.5X.4.rar

    在那个时期,Firebug是前端开发者不可或缺的利器,它帮助开发者实时查看、编辑和测试网页的源代码,极大地提升了开发效率。 标签"firebug-1.5X.4.rar"再次确认了文件的内容,即Firebug的特定版本。这可能意味着用户...

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

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

    Javascript的调试利器Firebug使用详解

    总结,Firebug作为JavaScript的调试利器,通过其强大的调试、检查和分析功能,极大地提升了开发效率和代码质量。虽然现在有更多现代的开发者工具,如Chrome DevTools和Firefox Developer Tools,但了解并掌握Firebug...

    firefox + firebug

    值得注意的是,随着技术的发展,Firefox 自身的开发者工具得到了极大的增强,许多 Firebug 的功能已经被内置,而 Firebug 项目在 2018 年正式停止更新。现在,开发人员通常会使用 Firefox 的现代开发者工具进行前端...

    firebug.7z

    - 随着Firefox的不断更新,内置的开发者工具(Firefox Developer Tools)逐渐具备了Firebug的大部分功能,而且更加集成化和现代化。 - Chrome的开发者工具(Chrome DevTools)也是另一款强大的前端开发和调试工具...

Global site tag (gtag.js) - Google Analytics