2010-03-26

Firebug—-javascript调试利器

以前调试 javascript 总是痛苦不堪的使用一个又一个的 alert. 不过现在通过使用 firefoxfiribug 的插件,终于摆脱了可恶的 alert . Firebug是一个非常好用的调试工具,它可以除错、编辑、甚至删改任何网站的 CSS、HTML、DOM、与 JavaScript 代码,当然对ajax也十分好用。其中最主要的Console是Firebug给出各种信息的窗口,而这也正是Console的主要用途。除此之外,Console还提供了通过命令行方式来调试Javascript的多种方法。
console.debug(object[, object, ...])
在控制台输出一条消息,包含一个指向代码调用位置的超链接.假如是直接在控制台输入该命令,就不会出现超链接(和console.log()一  样).
console.info(object[, object, ...])
在控制台输出一条带有“信息”图标的消息和一个指向代码调用位置的超链接.
console.warn(object[, object, ...])
在控制台输出一条带有“警告”图标的消息和一个指向代码调用位置的超链接.
console.error(object[, object, ...])
在控制台输出一条带有“错误”图标的消息和一个指向代码调用位置的超链接.
console.assert(expression[, object, ...])
测试表达式expression是否为真.如果不是真,会在控制台写一条消息并抛出异常
console.dir(object)
以列表形式输出一个对象的所有属性,有点和查看DOM窗口相类似.
console.dirxml(node)
输出一个HTML或者XML元素的XML源代码,和在HTML窗口看到的相似.
console.group(object[, object, ...])
输出一条消息,并打开一个嵌套块,块中的内容都会缩进.调用console.groupEnd()关闭块,该命令可以嵌套使用.
console.groupEnd()
关闭最近一个由console.group打开的块.
console.time(name)
创建一个名字为name的计时器,调用console.timeEnd(name)停止计时器并输出所耗时间(毫秒).
console.timeEnd(name)
停止同名的计时器并输出所耗时间(毫秒).
console.profile([title])
打开Javascript性能测试开关,可选参数title会在打印性能测试报告时在报告的开头输出.
console.profileEnd()
关闭Javascript性能测试开关并输出报告.
console.clear()
清空console信息窗口.
另外,Firebug还可以设置断点。单击行号,就会设置一个断点。右击行号,就可以设置一个断点出现的条件,只有当条件为真时,程序才会暂停执行。右面还有一个watch窗口,可以监控当前的变量,也可以查看设置的断点。
blog comments powered by Disqus