Chrome DevTools позволяет вам легко видеть несколько переменных в вашем приложении. Наблюдение за переменными в Sources позволяет вам не отвлекаться от консоли и сосредоточиться на улучшении вашего кода.
Панель «Источники» предоставляет возможность наблюдать за переменными внутри вашего приложения. Он расположен в разделе часов на боковой панели отладчика. Воспользовавшись этой функцией, вам не придется повторно регистрировать объекты на консоли.
Добавление переменных
Чтобы добавить переменную в список наблюдения, используйте значок добавления справа от заголовка раздела. Откроется встроенный ввод, в котором вы указываете имя переменной для просмотра. После заполнения нажмите клавишу Enter , чтобы добавить его в список.
Наблюдатель покажет вам текущее значение переменной по мере ее добавления. Если переменная не установлена или не может быть найдена, она отобразится
Обновление переменных
Значения переменных могут меняться по мере продолжения работы приложения. Список наблюдения не является просмотром переменных в реальном времени, если вы не выполняете пошагово. Когда вы выполняете выполнение с использованием точек останова , отслеживаемые значения будут обновляться автоматически. Чтобы вручную перепроверить переменные в списке, нажмите кнопку обновления справа от заголовка раздела.
При запросе обновления текущее состояние приложения перепроверяется. Каждый просматриваемый элемент будет обновлен текущими значениями.
Удаление переменных
Чтобы свести к минимуму то, что вы ищете, и ускорить работу, вам может потребоваться удалить переменные из списка наблюдения. Это можно сделать, наведя курсор на переменную и щелкнув значок удаления, который появляется справа.
