Chrome开发者控制台访问jQuery范围

Chrome Developer Console accessing jQuery scope

本文关键字：jQuery 范围 访问 控制台 开发者 Chrome      更新时间：2023-09-26

我很想知道如果使用Chrome的开发人员工具控制台选项卡，我可以手动访问当document ready被调用时交给jQuery的函数范围。

例如，如果我有以下HTML和Javascript:

<!DOCTYPE html>
<html>
<head>
<title>Accessing jQuery scope via Developer Console</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    var globalId = "awesomeApp";
    $( document ).ready( function() {
        var id = "myAppId";
        this.id2 = "myAppId2";
    } );
</script>
</head>
<body>
</body>
</html>

如果我在Developer Console窗口中输入'globalId'，它将输出'awesomeApp'。

请有人告诉我，如果有可能从开发者控制台窗口手动引用jQuery范围，即$(文档)时交给jQuery的功能。

因此，根据上面的代码，如果我输入:

[theAnswerToMyQuestionScope]。它会输出myAppId或[theAnswerToMyQuestionScope[例]]。它会输出'myAppId2'

提前感谢您提供的帮助

当调试器在断点处停止时，您正在当前范围内工作。

因此，如果您在匿名函数中设置断点，则可以在控制台中键入命令并在当前范围内工作。

。如果在控制台中在该断点处输入[instance]].id2，应该输出myAppId2

相关文章：