如何调试$（document）.ready（）中包含的javascript？

Question

我正在尝试在浏览器中调试一些js（专门用于Chrome）。如何查看为some_data和new_data设置的值？

我意识到由于变量范围仅限于函数，在执行文件ready（）之后，some_data和new_data不存在。

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

Answer 1

使用开发者工具。如果您正在使用chrome，请点击F12，转到来源，找到您的javascript所在的文件，找到您的代码，设置断点（通过单击您想要断点的行的左侧），然后点击F10执行逐行。您可以将鼠标悬停在变量名称上，它会为您提供当前值。

Answer 2

我的两分钱......

在代码中写下单词debugger ...并立即生成断点，如果你点击（ctrl + i）将显示调试器控件...

最好

Answer 3

您可以在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.

Answer 4

这是关于调试javascript的一篇非常好的文章：