首页 > 技术相关 > 善用Firebug的日志功能 console.log
2014
07-29

善用Firebug的日志功能 console.log

作为一个Javascript程序员,可能遇到的最头痛的问题就是程序的调 试了。一方面是因为Javascript绝大多数情况下都是作为浏览器的脚本来使用,而大多数的浏览器没有内置良好的调试功能;另外一个方面就是如今 Javascript程序越写越庞大,如果没有一个称心如意的调试工具,用ExtJS这样庞大的JS框架来做开发简直就是自寻烦恼。

以 前Javascript只是用来做一些页面的特效或者是表单验证的时候,程序规模很小,调试起来也就没那么多讲究,一个简单的alert函数差不 多就足够了。随着Javascript越来越被重视,相应的框架也雨后春笋般的涌现出来。这时候如果你还是用alert来调试你的程序,那将是一件很痛苦 的事情。

工具的力量是伟大的,今天就给大家介绍一款强大的Firefox插件——Firebug。作为Mozilla五星级推荐的插 件,它的功能可真不是盖 的(貌似Firebug的作者就是Mozilla浏览器DOM引擎的开发者)。今天我仅仅介绍一下Firebug中的Logging的功能,虽然简单,但 熟悉之后再调试Javascript程序就会变得轻松很多。

Firebug提供了一个console对象,在插件加载的时候就注册到Javascript的运行环境中去了,可以在你的程序中直接使用。

console对象提供了一个log方法,在你的程序中调用这个方法,就可以把信息输出到Firebug的控制台面板中:
console.log(‘Hello, World!);

一次也可以输出多个变量:console.log(‘hello’, name, …);

同时,console.log 还支持格式化字符串的输出,你可以用类似C语言中printf的语法来调用这个函数:

console.log(“%s is %d years old.”, “Bob”, 42)

更强大的是如果你给log函数传的是一个对象或者数组、HTML元素等,它会在控制台中显示为一个超链接,点击就可以查看该元素的详细信息。

单单是一个log函数就可以实现程序中数据方便的查看,另外Firebug还提供了另外一些方便的函数实现日志的彩色输出:

console.info()
console.warn()
console.debug()
console.error()

怎么样,漂亮吧,以后调试Javascript程序也会变成一件快乐的事情吧 善用Firebug的日志功能 console.log  - 小东 - 1

这仅仅是Firebug功能中的冰山一角,Firebug的功能可不止如此,有时间多研究研究吧,相信你会喜欢上这个插件的

最后编辑:
作者:管理员
这个作者貌似有点懒,什么都没有留下。