Question

我很想知道如果使用Chrome的开发者工具控制台选项卡，我可以在调用文档就绪时手动访问传递给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'。

有人可以告诉我是否可以从Developer Console窗口手动引用jQuery作用域，即调用$（document）.ready时传递给jQuery的函数。

所以，基于上面的代码，如果我输入：

[theAnswerToMyQuestionScope] .id它会输出'myAppId' 要么 [theAnswerToMyQuestionScope [instance]]。id2它会输出'myAppId2'

非常感谢您提供的帮助。

Answer 1

当调试器在断点处停止时，您正在当前作用域中工作。

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

即在该断点处的控制台中键入[instance]].id2应该输出myAppId2

Chrome Developer Console访问jQuery范围

1 个答案: