Chrome Inspector中的Javascript调试:变量在手表和控制台中显示为未定义,但悬停时可以检查

Chrome Inspector中的Javascript调试:变量在手表和控制台中显示为未定义,但悬停时可以检查,javascript,angularjs,google-chrome,google-chrome-devtools,web-inspector,Javascript,Angularjs,Google Chrome,Google Chrome Devtools,Web Inspector,在Chrome inspector中调试AngularJS时,我经常遇到这样的情况:我知道定义了一些变量,我可以在Chrome inspector中将鼠标悬停在这些变量上进行检查。它们也会出现在“本地人”选项卡中。然而,当我试图将它们添加到“监视”选项卡或在控制台中键入变量名来计算它们时,我得到“未定义”。请参见图片(注意变量“xhr”) 有人能解释为什么有时变量在监视选项卡和控制台中显示为未定义的,而它们在当前范围中实际上没有定义吗?如果可能的话,如何使监视窗口和控制台始终正确显示变量的值?

在Chrome inspector中调试AngularJS时,我经常遇到这样的情况:我知道定义了一些变量,我可以在Chrome inspector中将鼠标悬停在这些变量上进行检查。它们也会出现在“本地人”选项卡中。然而,当我试图将它们添加到“监视”选项卡或在控制台中键入变量名来计算它们时,我得到“未定义”。请参见图片(注意变量“xhr”)

有人能解释为什么有时变量在监视选项卡和控制台中显示为未定义的,而它们在当前范围中实际上没有定义吗?如果可能的话,如何使监视窗口和控制台始终正确显示变量的值? 请参见图片(注意变量“xhr”)。
谢谢,源映射变量将不会在调试器中显示已解析的名称,因为此功能尚未实现。有趣的是,映射文件确实包含一个
names
数组,其中包含原始名称。但是,浏览器尚未使用此功能。在金丝雀身上有一个实验性的特征,但这似乎已经不存在了

你可以跟着线索走

同时,我建议切换到库的未缩小版本来调试您的特定问题,但在生产中切换它。我知道不太理想