Post #2129
2.76K

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
























