用来武装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等,都可以下载下来。
时间: 2024-10-12 23:38:13

用来武装Firebug的十四款Firefox插件的相关文章

【转】花开正当时,十四款120/128GB SSD横向评测

原文地址:http://www.expreview.com/19604-all.html SSD横评是最具消费指导意义的评测文章,也是各类热门SSD固态硬盘的决斗疆场.SSD评测在行业内已经有不少网站做过,超能网也从今年开始专注SSD固态硬盘重点产品的评测.随着40nm和25nm新制程的NAND颗粒的 量产,SSD固态硬盘在今年迎来了价格大幅度下降,特别是国内120GB和128GB的SSD固态硬盘价格已经达到非常合理的区间,因此需要阅读SSD评测特别是SSD横评来指导消费的用户,也在呈现爆发式增

「mac」释放 macOS 菜单栏潜能的软件们(十四款) 19.3.13 删除一款

转至:持续文章更新列表,建议收藏 一款好的软件不但可以节约时间,更能让你体验系统的魅力. 想知道我的 Mac 菜单栏都有什么嘛?这是一篇简单的介绍 Mac 菜单栏工具的文章,共计 15 款,每一款点击都可以直达官网. 大多数软件都提供适用版本,建议先行试用在决定是否购买,如没有试用版可以回复你的问题询问详情! 只有最适合你的应用,才称得上是效率应用. 尝新者:尝试一切新鲜的事物 题图就是我的菜单栏啦! 要知道菜单栏堆积,的确就如同 iOS 上软件从不排序一样令人不快,无法快速找到想要的对应应用,

Gradle 1.12用户指南翻译——第三十四章. JaCoCo 插件

本文由CSDN博客万一博主翻译,其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Github上的地址: https://github.com/msdx/gradledoc/tree/1.12. 直接浏览双语版的文档请访问: http://gradledoc.qiniudn.com/1.12/userguide/userguide.html. 另外,Android 手机用户可通过我写的一个

Gradle 1.12用户指南翻译——第二十四章. Groovy 插件

其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Github上的地址: https://github.com/msdx/gradledoc/tree/1.12. 直接浏览双语版的文档请访问: http://gradledoc.qiniudn.com/1.12/userguide/userguide.html. 另外,Android 手机用户可通过我写的一个程序浏览文档,带缓存功能的,兼容

推荐十几款Firefox web开发插件(转载)

开发工具 Web Developer 1.1.8   https://addons.mozilla.org/en-US/firefox/addon/60by chrispederick The Web Developer extension adds a menu and a toolbar with various web developer tools. 说明:超强的web分析工具,开发人员必装. Firebug 1.5.0 https://addons.mozilla.org/en-US/

c++第十四章-(类型强转换)

类型强转换有2种. class Company { public: Company(std::string theName,std::string theProduct); virtual void printInfo(); protected: std::string name; std::string product; }; Company::Company(std::string theName,std::string theProduct) { this->name = theName;

立法會十四題:兒童體能智力測驗服務 2015,11

A A A  關閉視窗 答覆立法會問題 立法會十四題:兒童體能智力測驗服務***************** 以下是今日(十一月十一日)在立法會會議上李國麟議員的提問和食物及衞生局局長高永文的書面答覆: 問題: 有市民向本人反映,當局為十二歲以下而有發展障礙或行為問題的兒童提供的評估及支援服務極度不足.就此,政府可否告知本會: (一)過去五年,每年(i)有多少名兒童由醫生或學校或循其他途徑轉介到衞生署轄下兒童體能智力測驗中心(測驗中心)輪候接受評估.(ii)各測驗中心每年為多少名兒童進行評估,以

雅虎十四条 - 14个优化网站性能提高网站访问速度的技巧

14个优化网站性能提高网站访问速度的技巧 又叫“雅虎十四条”,想起一年前那个懵懂的我,大四傻乎乎的跑到大学城面试前端,那个时候以为寒暑假看了两套CSS的视频,就很牛B了,出发先还把视频温了一下,嗯嗯,这是滑动门,嗯嗯这是绝对定位,嗯嗯这是浮动清除…… 当时是彪叔面试我的,当时我还不知道那个人,全身黑漆漆的,黑色T-shirt,黑色皮肤,黑色帽子,黑色墨镜,还有点黑色胡渣的人,就是彪叔,补做了试题后支支吾吾的跟他谈了一下,发现完全不行,第一个问题是“雅虎十四条”是什么?然后我蒙了,pardon?

平安科技移动开发二队技术周报(第十四期)

平安科技移动开发二队技术周报(第十四期) @author ASCE1885的 Github 简书 微博 CSDN 业界新闻 1)Android Studio 1.3 正式发布 Android Studio 1.3 正式进入稳定版,求稳的同学该升级了.作为今年改进最大的一个版本,Studio 1.3 包括新的 memory profiler ,改进的测试支持,并且包含了完整的 C++ 编辑和调试功能. Android开发 1)使用O-LLVM和NDK对Android应用进行混淆 Android开发