Firebug使用详解(16)

发表于:2014-08-08来源:博客园作者:夏楚枫点击数: 标签:Firebug
命令行有命令记忆功能, 可通过上、下箭头键选择已经输入过的命令。 11、 在脚本文件中加入调试命令 有没有对脚本调试中经常需要alert感到厌烦? 有了

  命令行有命令记忆功能,

  可通过上、下箭头键选择已经输入过的命令。

  11、 在脚本文件中加入调试命令

  有没有对脚本调试中经常需要alert感到厌烦?

  有了Firebug,

  你就可以放下alert了,

  因为Firebug有功能比alert更强大的console.log。

  先让我们来认识一下console.log,

  在测试文件脚本区域我们输入一下代码:

console.log('Hello');

  刷新一下页面,

  将firebug切换到“console”标签看看(图11-1),

  在信息区显示出了我们要输出的信息“Hello”。

  当然了,

  单凭这个就说console.log有点夸大,

  我们修改一下test函数,

  把“document.getElementById('div2').innerHTML=i;”修改为:

console.log('当前的参数是:%d',i);

11-1

  刷新页面后看看结果(图11-2)。

  是不是挺不错的?

  console.log可以象c语言的printf一样实现格式化输出。

  我们再在脚本区加入一个语句:

console.log(2,4,window,test,document);

11-2

  刷新页面后看看结果(图11-3)。

  console.log可以连续输出多个对象,

  而且如果对象是DOM、函数,

  还可以直接点击去到该对象。

11-3

  如果你觉得console.log输出的文本太单调,

  不能表示出不同的信息,

  那么你可以通过console.debug、 console.info、 console.warn和console.error来代替console.log,

原文转自:http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html