Post #2129

Продолжаем рубрику с айтишными лайфхаками Старший разработчик Ира поделилась фишками по работе с DOM-узлами в консоли браузера. Эти примеры будут полезны для отслеживания различных свойств узлов в динамике и статике. Читай и сохраняй👽 Текущий выделенный в браузере элемент можно получить в консоли с помощью выражения $0, предыдущий — $1 и так далее в хронологическом порядке. Правым кликом на узле выберите «Сохранить как глобальную переменную» — в консоли появится имя переменной для доступа к этому узлу. После правого клика на DOM-узле и выбора «Копировать» → «Копировать путь JavaScript» сохранится код для поиска элемента через document.querySelector. Для отслеживания изменений значений переменных в Chrome DevTools откройте вкладку Console, нажмите на иконку с глазом и введите название переменной. 🔦Такие лайфхаки использует в своей работе Ира, а чем поделишься ты? Пиши в комментариях. #полезное