如何調試$（document）.ready（）中包含的javascript？

我想在瀏覽器中調試一些js（特別是Chrome）。如何檢查爲some_data和new_data設置了什麼值？

由於變量作用域被限制在函數中，所以我意識到some_data和new_data在文檔ready（）被執行後不存在。

$(document).ready(function(){ 
    var some_data = [4, 8, 15, 16, 23, 42]; 
     var new_data = some_data * 2; 
});

2013-03-21 Don P

'console.dir（some_data）; console.dir（new_data）;' – 2013-03-21 18:22:53

'console.log（foo）'是你的朋友 – Ryan 2013-03-21 18:22:55

使用調試器並設置斷點？你還會怎麼去調試？ – Bergi 2013-03-21 18:22:56

使用的開發工具。如果您使用的是chrome，請按F12，找到源代碼，找到您的javascript文件所在的文件，找到您的代碼，設置斷點（通過點擊想要斷點的行的左側），然後按F10執行逐行。你可以將鼠標懸停在變量名上，它會給你當前的值。

2013-03-21 18:29:14

您還可以使用不帶斷點的F10呼叫通話功能。 – 2016-10-22 14:22:23

這裏有一個關於調試JavaScript的一個很好的文章：

2013-03-21 18:26:07 Danwilliger

您可以在IE，Chrome中使用開發人員工具欄。對於Firefox使用Firebug，這是一個Firefox附加組件。對於Safari使用檢查元素。以下所有關鍵多數瀏覽器支持：

F10- execute line by line(step over next function call) 
F11- (step into next function call) 
F8- Pause script execution.

2013-03-21 18:33:13 Amit

我的兩分錢......

寫的字debugger代碼的內部...並會立即生成一個斷點，如果你打（CTRL + I ）將顯示調試器控件...

最好

2013-03-21 18:58:18 ncubica

回答