如何使用console.log检查我的代码?

时间:2011-11-14 16:05:17

标签: jquery logging firebug

我被告知这是检查代码的有用方法,但我如何实际使用它?我是在firebug中还是在我的脚本中键入它?

3 个答案:

答案 0 :(得分:0)

每当要打印时,将console.log("text");放在JS代码中。然后,单击firebug中的控制台以查看文本。

答案 1 :(得分:0)

你可以使用

console.log(<object>) 
你的代码中的

。你想记录的地方在哪里。

正如其他海报所述。 Firebug Logging Documentation很有帮助

Chrome调试器与console.log()IE的工作方式相同。

另请注意,您不应将console.log留在代码中,因为如果将其保留在操作系统代码中并且您没有控制台对象,则运行时代码将失败。

答案 2 :(得分:0)

从IE 8开始,所有浏览器现在都有一个控制台(可以用F12打开)。对于任何非FF浏览器,您也可以获得Firebug Lite

到目前为止,没有一个答案指出,如果控制台未打开,将console.log放入代码将在IE中产生错误。

以下是我处理console.log调用的方法:

function logIt() {
   if( !console || !console.log ) { return; }
   for(i=0; i < arguments.length; i++) {
      console.log(arguments[i]);
   }
}

当然,在我的代码中,我只是用我要分析的任何变量或文本调用logIt

logIt("Here is the array", arrayOfWidgets);

或者,如果您认为可能经常使用此日志记录,则可以通过以下范围更改来显着提高性能(请注意,您必须以相反的顺序发送参数,因为它们将被显示;)

function logIt() {
   var i = arguments.length, log = console? console.log : null;
   if( !log ) { return; }
   while(i--) {
      log(arguments[i]);
   }
}

然后这样称呼它:

logIt(arrayOfWidgets, "Here is the array");