gpt4 book ai didi

javascript - 在 Chrome 开发者工具中检查 js 变量

转载 作者:可可西里 更新时间:2023-11-01 02:25:15 27 4
gpt4 key购买 nike

我进行了广泛的搜索,但比开始时更加困惑。我有一个非常简单的 html+js 网页...html 加载我的 js 脚本,js 脚本当然有很多定义和使用的变量。

在 Chrome 开发工具中,我正在寻找一种简单的方法来浏览我的 js 脚本中定义和使用的所有变量,以及它们的当前值(执行暂停时)。

我查看了 Sources 选项卡的 Scope 面板,看起来很有希望,但我在 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...
});

});

最佳答案

Google Chrome Breakpoints是你要找的。只需单击要暂停的行号,下次执行该行时就会停止执行。然后,您可以查看当前状态下的每个变量。

关于javascript - 在 Chrome 开发者工具中检查 js 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32295612/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com