我进行了广泛的搜索，但比起初时更加困惑。我有一个非常简单的html + js网页... html加载我的js脚本，当然js脚本定义并使用了很多变量。
在Chrome开发工具中，我正在寻找一种简单的方法来浏览我的js脚本中定义和使用的所有变量及其当前值（暂停执行）。
我已查看Scope标签的Sources面板，看起来很有希望，但我无法在Local部分看到我的js变量，并且Global部分有一个几乎无限的元素树，我不知道从哪里开始寻找我的js中专门使用的变量。
下面的代码段...所以我想找到一种方便的方法来检查变量及其值，例如data：
index.html:
<!DOCTYPE html>
<head>
<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
</body>
</html>
main.js:
$(document).ready(function() {
var data = [];
(function init() {
$('#dragme').hide();
var str = 'hello';
data.push('sample');
myFn(data, str);
// more stuff here...
});
});