Chrome Inspector中的Javascript调试：变量未在手表和控制台中显示，但在悬停时可以检查

Question

在Chrome检查器中调试AngularJS时，我经常会遇到这种情况，因为我知道已定义了一些变量，因此可以通过将鼠标悬停在Chrome检查器中来检查它们。 它们还会显示在“本地”标签中。 但是，当我尝试将它们添加到“监视”选项卡或在控制台中通过键入变量名称来评估它们时，我得到“未定义”。 参见图片（注意变量“ xhr”）。

谁能解释为什么变量在当前作用域中实际上并非未定义的情况，但有时在监视选项卡和控制台中显示为未定义的原因？ 并且，如果可能的话，如何使监视窗口和控制台始终显示正确的变量值？ 参见图片（注意变量“ xhr”）。 谢谢

Answer 1

源映射变量将不会在调试器中显示解析的名称，因为尚未实现此功能。 有趣的是，地图文件确实包含一个names数组，其中包含原始名称。 但是，浏览器尚未使用它。 金丝雀（Canary）中有一个实验性功能，但是似乎不再存在。

您可以在Developer Tools线程中遵循显示源映射变量名称 。

同时，我建议切换到该库的未精简版本以调试您的特定问题，但在生产中将其切换出去。 我知道不太理想。