Этот инструмент представляет собой иерархический вид исходного кода страницы. Когда не удается зацепить нужный элемент сразу с помощью конструктора действий, можно кликнуть на примерном расположения элемента правой клавишей мыши и через контекстное меню открыть этот инструмент.

Используя визуальное расположение элементов в дереве, вы можете найти близлежащие элементы, вложенные элементы и элементы, содержащие текущий. Правым кликом мыши на элементе в дереве, можно отправить его данные уже в конструктор.

Используя фильтр вы можете выделить только те элементы, которые вас интересуют:

Выделяя тот или иной элемент в дереве вы можете посмотреть его свойства в соответствующем окне. Он при этом будет подсвечен рамкой в браузере.

Данные свойства вы можете использовать в конструкторе действия для записи экшенов.

При активации режима "Следовать за курсором" свойства элемента и его позиция в дереве обновляются в режиме реального времени.