如何调试$(document).ready()中包含的javascript？

Question

我正在尝试在浏览器中调试一些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;
});

Answer 1

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