在firebug中使用console对象输出调试信息

一、引言

在诸多的浏览器当中, firefox由于严格的遵守w3c的相关标准(DOM, BOM, CSS, HTML), 而成为web开发工程师进行前端代码调试时的首选。

firebug是firefox的一个插件, 提供了强大的调试功能, 是firefox下使用最广泛的调试工具。

三、为什么不使用alert()

初学者在进行js调试的时候, 会使用alert()直接弹出对话框, 显示结果。

这么做在的确比较直接, 在进行简单调试时比较方便, 但缺点也比较明显:

1. 需要跟踪的变量比较多时, 弹出的对话框非常多, 需要一个个的关闭

2. 需要跟踪的变量是对象时, 只能显示为Object, 里面的属性看不到

3. 如果需要跟踪的变量是嵌套的对象或数组, 则无法依次分层展开查看

四、使用console对象输出调试信息

1. console对象的产生

当页面被加载时, firefox会产生一个全局对象console, 因此用户在js中可以直接使用consloe提供的方法。

console对象同时会被作为window对象的一个属性: window.console 。

2. console.log

调用console.log(“hello”) 会在firebug的控制台输出hello, 现在完全可以取代之前的alert()了。

3. console其它api

console对象还提供了其它的api，简单但却十分有用, 具体可以参考以下内容

http://getfirebug.com/wiki/index.php/Console_API