5

我正在尝试在浏览器（特别是 Chrome）中调试一些 js。如何检查为 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;
});
4

3 回答 3

6

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

于 2013-03-21T18:29:14.187 回答
3

我的两分钱...

在代码中写下这个词debugger......并且会立即生成一个断点，如果你点击 (ctrl + i) 会显示调试器控件......

最好的

于 2013-03-21T18:58:18.957 回答
1

您可以在 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-21T18:33:13.587 回答