Обзор панели «Элементы»

Дейл Сент-Март
Dale St. Marthe

Используйте панель «Элементы» для проверки и редактирования элементов DOM.

Обзор

Панель «Элементы» предоставляет надежный интерфейс для проверки и управления DOM. Вы можете использовать дерево DOM, которое напоминает документ HTML, чтобы выбирать определенные узлы DOM и изменять их с помощью других инструментов.

На панели «Элементы» также имеются следующие вкладки, содержащие соответствующие инструменты:

Откройте панель «Элементы».

По умолчанию при открытии DevTools открывается панель «Элементы». Вы также можете проверить узел в любом месте страницы, чтобы автоматически открыть панель «Элементы» .

Чтобы вручную открыть панель «Элементы» :

  1. Откройте Инструменты разработчика .
  2. Откройте командное меню, нажав:
    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P. Командное меню с
  3. Начните вводить Elements , выберите «Показать элементы» и нажмите Enter . DevTools отображает панель «Элементы» в ящике внизу окна DevTools.