Отладка Javascript в Chrome Inspector: переменные отображаются неопределенными в часах и консоли, но могут быть проверены при зависании

Question

При отладке AngularJS в инспекторе Chrome я часто сталкиваюсь с ситуацией, когда я знаю, что некоторые переменные определены, и я могу их проверить путем зависания мышь над ними в инспекторе Chrome. Они также отображаются на вкладке «местные жители». Однако, когда я пытаюсь добавить их, чтобы посмотреть вкладку или оценить их в консоли, набрав имя переменной, я получаю «undefined». См. Изображение (переменная уведомления «xhr»).

Может ли кто-нибудь объяснить причину, по которой иногда переменные отображаются как неопределенные на вкладке «Часы» и консоли, когда они фактически не определены в текущей области? И, если это возможно, как заставить окно просмотра и консоль отображать значения переменных правильно все время? См. Изображение (переменная уведомления «xhr»).

Answer 1

Исходные сопоставленные переменные не будут отображать разрешенные имена в отладчике, так как эта функциональность еще не реализована. Интересная часть состоит в том, что файл карты содержит массив names, содержащий исходные имена. Тем не менее, браузер еще не использовал это. В Канарских островах была экспериментальная функция, но она больше не существует.

Вы можете следить за нитью display source map variable names in Developer Tools.

В то же время, я рекомендую переключиться на неминифицированную версию библиотеки, чтобы отлаживать вашу конкретную проблему (ы), но отключать ее в процессе производства. Не знаю, что знаю.