Chrome Inspector中的Javascript調試：變量未在手表和控制台中顯示，但在懸停時可以檢查

Question

在Chrome檢查器中調試AngularJS時，我經常會遇到這種情況，因為我知道已定義了一些變量，因此可以通過將鼠標懸停在Chrome檢查器中來檢查它們。 它們還會顯示在“本地”標簽中。 但是，當我嘗試將它們添加到“監視”選項卡或在控制台中通過鍵入變量名稱來評估它們時，我得到“未定義”。 參見圖片（注意變量“ xhr”）。

誰能解釋為什么變量在當前作用域中實際上並非未定義的情況，但有時在監視選項卡和控制台中顯示為未定義的原因？ 並且，如果可能的話，如何使監視窗口和控制台始終顯示正確的變量值？ 參見圖片（注意變量“ xhr”）。 謝謝

Answer 1

源映射變量將不會在調試器中顯示解析的名稱，因為尚未實現此功能。 有趣的是，地圖文件確實包含一個names數組，其中包含原始名稱。 但是，瀏覽器尚未使用它。 金絲雀（Canary）中有一個實驗性功能，但是似乎不再存在。

您可以在Developer Tools線程中遵循顯示源映射變量名稱 。

同時，我建議切換到該庫的未精簡版本以調試您的特定問題，但在生產中將其切換出去。 我知道不太理想。