Javascript 检查Chrome开发者工具中的js变量
我已经搜索了很多次，但只比刚开始的时候更困惑。我有一个非常简单的html+js网页。。。html加载我的js脚本，js脚本当然有很多定义和使用的变量 在Chrome开发工具中，我正在寻找一种简单的方式来浏览js脚本中定义和使用的所有变量及其当前值（暂停执行） 我已经查看了Javascript 检查Chrome开发者工具中的js变量,javascript,google-chrome,google-chrome-devtools,Javascript,Google Chrome,Google Chrome Devtools,我已经搜索了很多次，但只比刚开始的时候更困惑。我有一个非常简单的html+js网页。。。html加载我的js脚本，js脚本当然有很多定义和使用的变量 在Chrome开发工具中，我正在寻找一种简单的方式来浏览js脚本中定义和使用的所有变量及其当前值（暂停执行） 我已经查看了Sources选项卡的Scope面板，这看起来很有希望，但是我在本地部分中看不到我的js变量，全局部分有一个几乎无限的元素树，我不知道从哪里开始查找js中专门使用的变量 下面的代码片段。。。因此，我想找到一种方便的方法来检查变量
SourcesScope本地部分中看不到我的js变量，全局部分有一个几乎无限的元素树，我不知道从哪里开始查找js中专门使用的变量
下面的代码片段。。。因此，我想找到一种方便的方法来检查变量及其值，如数据
，例如：
index.html:
<!DOCTYPE html>
<head>
<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
</body>
</html>
这就是你要找的。只需单击要暂停的行号，下次执行该行时执行将停止。然后，您可以查看当前状态下的每个变量。无论如何，通常最好避免使用全局变量。不要使用它们，问题就会消失。变量的范围是什么？它们是全局变量还是属于某个对象。可能正在发布代码的某些部分可能会有所帮助。添加了代码段。。。@Quentin这是什么意思？您可以在代码中的任意位置添加关键字debugger
，以使devtools在该行暂停脚本执行，假设代码执行运行到该行，您可以将鼠标悬停在变量上，查看它们的值，或者在代码执行停止时执行许多其他操作。我以前在源代码中的每个变量上都可以看到带有橙色背景值的var值，但现在它不在了，您知道如何重新启用它吗？@SuperUberDuper对不起，我想我不太明白你的问题。当我将鼠标悬停在变量上时，我看到了它们的值。在（我相信）新的chrome中，还显示了当前范围内的变量。
$(document).ready(function() {
var data = [];
(function init() {
$('#dragme').hide();
var str = 'hello';
data.push('sample');
myFn(data, str);
// more stuff here...
});
});