9、Firebug强大的网络数据监视功能

　　Firebug还提供了十分功能强大的网络数据监功能。开发者在开发web应用时，经常要观察各类HTTP请求和回应，在这方面Firebug的功能十分强大。首先，只需要开启控制面板中的网络功能，然后在每次运行页面时，都可以清楚看到每个HTTP的请求和HTTP回应的具体细节。如下图：

▲（点击查看大图）

　　在上图中，只要点每一个请求旁边的+号，就可以看到该请求的具体细节，如下图：

　　可以看到，能看到HTTP的头部的各种信息。同样，如果要看当前页面中的比如图片，FLASH等元素的信息等，也可以通过上图去点不同的选项卡去筛选查看，十分方便。

　　10、使用Firebug的Log功能

　　在设计页面时，经常要记录下页面的一些信息，这个时候，可以使用Firebug中的log日志功能，把一些信息输出到firebug的控制台中，这样就方便调试了。Firebug提供了一个console对象，在插件加载的时候就注册到Javascript的运行环境中去了，可以在程序中直接使用。console对象提供了一个log方法，举例说明如下：

<script language="javascript" type="text/javascript">...
console.log('This is log message');  
console.debug('This is debug message');  
  console.error('This is error message');  
  console.info('This is info message');
console.warn('This is warning message');  
</script>

 　　在Firefox中执行如下代码，会看到Firebug的控制台中出现如下信息：

　　可以看到，各个级别的日志输出，都带有一个彩色的图标，能给用户很醒目的提醒。同时，console.log 还支持格式化字符串的输出，你可以用类似C语言中printf的语法来调用这个函数：console.log(“%s is %d years old.”, “Bob”, 42)。

　　11、可以在Firebug中调试程序

　　在Firebug控制台的的Javascript控制面板中，可以对页面中的Javascript进行调试，方法很简单，只需要在要调试的行的左边单击，就会出现断点了，之后请记住下面常件的快捷键：

　　(1)  F10 进入下一行；
　　(2)  F8继续调试；
　　(3)  F11进入Javascript中的函数体调试；
　　(4)  Shift+F11跳出函数体。

　　12、在Firebug中可以设置带条件的断点

　　在Firebug中，还可以设置带条件判断的断点，如下图：

　　总结

　　Firefox搭配Firebug在web程序设计中，可谓是“双剑合壁”，功能强大，本文只是选取了其中的一些技巧予以介绍，更多的请参考Firebug官方网站的介绍。