Окно свойства элемента

Оглавление

Описание

При работе с HTML-кодом страницы, в зависимости от тега, элемент имеет свои атрибуты, которые помогают анализировать или идентифицировать объект, для последующей работы с ним.

При анализе исходного кода, не редко встречаются (на первый взгляд) одинаковые элементы, что может дать некорректный результат при работе с данными. Воспользовавшись окном Свойства элемента, можно детально изучить объекты, а именно их атрибуты (свойства)

Open

Как работать с окном?

Включение окна

Чтобы его включить надо кликнуть в верхнем меню по пункту Окно и выбрать пункт Свойства элемента:

Open

Отображение информации по нужному элементу

Есть несколько способов как отобразить информацию в этом окне по интересующему Вас элементу

• добавить его в Конструктор действий и Поиск по XPath

• выбрать в окне дерева элементов

• ПКМ по нужному элементу и из контекстного меню выбрать Исследовать или Следовать за курсором.

Вкладка “Свойства”

Эта вкладка открыта по умолчанию.

На ней отображаются атрибуты выбранного HTML элемента.

Вкладка “События”

На данной вкладке отображаются привязанные к этому элементу JavaScript события.

ВАЖНО! Событие отобразится тут только в том случае, если оно явно указано как атрибут в HTML коде анализируемого элемента:

Кнопка “Показать пустые поля”

При включении, во вкладках “Свойства” и “События”, дополнительно будут отображены пустые атрибуты\события.

Кнопка “Обновить поля“

С помощью данной кнопки можно обновить значения атрибутов элемента

Полезные ссылки

• Окно дерева элементов

• Конструктор действий и Поиск по XPath

• Инструменты web-разработчика (DevTools)

• Просмотр текста страницы