博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用来武装Firebug的十四款Firefox插件
阅读量:4613 次
发布时间:2019-06-09

本文共 1732 字,大约阅读时间需要 5 分钟。

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

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

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

    f76248197d5c1223dab4bdb6.jpg

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

  2. e6b837d6223aba7607088bb6.jpg

    与YSlow非常相似,Page Speed是google团队推出的一款用于评测网页性能的插件,尤其可以依据“”对网页性能提出改进建议。

    Page Speed可以自动优化图片,并提供压缩版本。它也可以侦测到那些实际并未用到的Javascript和css,以便优化它们。
    Page Speed可是个1.3M的大插件,它还拥有许多优秀功能等你尝试。

  3. 9af7e1da498f1d82b6fd48b5.jpg

    在制作网页时,在页面上添加一个新的设计元素(例如一个图片或图标)之前,我们往往希望提前看到元素添加后页面的整体效果。Pixel Perfect就可以帮你实现这个想法,它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。

    我感觉这款插件也可用来做网页中元素的微调,以保证和最初设计蓝图一致,如它的名字,完美到一个像素都不差。

  4. f1cee2661c522d7dab184cb5.jpg

    安装CodeBurner后,可以再firebug面板中看到参考面板用来查询html元素、html属性、css属性,就像一个字典一样。

    当在Firebug中选中一个节点时,它也会提供一些相关的代码示例供你参考。

  5. 9725b924655cb372d40742b5.jpg

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

  6. 604c2e2f004d0c611f3089b6.jpg

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

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

  7. 58035924b3dc8d584c088db6.jpg

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

  8. ec2b272b044311a3e6cd40b5.jpg

    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. 5aa6ba7b134d5fad0ad187b6.jpg

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

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

  10. 4de2d2d9e796737511df9bb6.jpg

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

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

  11. firebug-%20-viewer.gif

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

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

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

  12. 933485fa34895fd09e5146b5.jpg

    在之前发布的一篇日志“”,专门介绍过这款插件。不再多说,需要的话去看一下。

  13. a1fecb894a152bea0f2444b5.jpg

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

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

  14. ScrapBook Plus 用来下载页面的。可以把在线页面完整下载下来,离线浏览。包括图片CSS等,都可以下载下来。

转载于:https://www.cnblogs.com/handboy/p/7158374.html

你可能感兴趣的文章
团队项目总结2-服务器通信模型和顺序图
查看>>
hdu 1085 Holding Bin-Laden Captive!
查看>>
[周记]8.7~8.16
查看>>
递归定义
查看>>
kindeditor 代码高亮设置
查看>>
互联网产品的商业模式
查看>>
图的邻接表存储
查看>>
2018 leetcode
查看>>
各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异
查看>>
PHP中获取当前页面的完整URL
查看>>
所谓输入掩码技术,即只有数字键起作用
查看>>
Display对象,Displayable对象
查看>>
安装oracle11G,10G时都会出现:注册ocx时出现OLE初始化错误或ocx装载错误对话框
查看>>
数据结构(并查集):COGS 260. [NOI2002] 银河英雄传说
查看>>
生产环境下正则的应用实例(一)
查看>>
在CentOS7命令行模式下安装虚拟机
查看>>
Arduino可穿戴开发入门教程Arduino开发环境介绍
查看>>
Windows平台flex+gcc词法分析实验工具包
查看>>
3.Python基础 序列sequence
查看>>
Chapter 4 Syntax Analysis
查看>>