如何使用console.log來檢查我的代碼？

Question

我被告知這是一個檢查代碼的有用方法，但我怎麼實際使用它？我是否從螢火蟲或腳本中輸入它？

Answer 1

你可以使用

console.log(<object>) 

在你的代碼。你想記錄的東西在哪裏？

作爲其他海報參考。 Firebug Logging Documentation有幫助

Chrome調試器的工作方式與console.log（）IE不一樣。

另請注意，您不應將console.log留在代碼中，因爲如果將其保留並且您沒有控制檯對象，則運行時代碼將失敗。

Answer 2

將console.log("text");放在JS代碼中，只要你想打印。然後，點擊firebug中的控制檯查看文本。

Answer 3

從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");