Продолжаем рубрику с айтишными лайфхаками

Старший разработчик Ира поделилась фишками по работе с DOM-узлами в консоли браузера. Эти примеры будут полезны для отслеживания различных свойств узлов в динамике и статике.

Читай и сохраняй👽
Текущий выделенный в браузере элемент можно получить в консоли с помощью выражения $0, предыдущий — $1 и так далее в хронологическом порядке.

Правым кликом на узле выберите «Сохранить как глобальную переменную» — в консоли появится имя переменной для доступа к этому узлу.

После правого клика на DOM-узле и выбора «Копировать» → «Копировать путь JavaScript» сохранится код для поиска элемента через document.querySelector.

Для отслеживания изменений значений переменных в Chrome DevTools откройте вкладку Console, нажмите на иконку с глазом и введите название переменной.

🔦Такие лайфхаки использует в своей работе Ира, а чем поделишься ты? Пиши в комментариях.

#полезное