Browser Picker

Browser picker — это инструмент, позволяющий определять те элементы интерфейса браузера, с которыми необходимо взаимодействовать боту.

Существует три способа открытия Browser picker:

1. Кнопка «Указать новый элемент» в параметрах действия. При нажатии на эту кнопку запустится режим выбора, в котором вы можете указать необходимый элемент. После выбора элемента откроется окно Browser Picker.
2. Инструменты → Process Recorder → Browser.  При использовании данной функции, будет запускаться режим выбора, окно селектора при этом не откроется. В этом режиме можно указать несколько элементов браузера для клика или ввода, после чего вернуться в окно Studio Pro. На рабочей области при этом появятся новые блоки действий.
3. Панель «Элементы». Через эту панель можно создать элемент или выбрать уже созданный элемент и перейти к возможности его редактирования по кнопке «Изменить элемент». В этом случае откроется окно селектора, в котором, по кнопке «Заменить элемент», можно выбрать новый элемент интерфейса браузера.

Работать с инструментом довольно просто. При нажатии на кнопку «Указать новый элемент» Studio Pro сворачивается, становятся видны программы, открытые в фоновом режиме, в том числе и браузер. В открытом браузере можно выбрать необходимый для работы элемент. При наведении курсора на элемент, он будет обведен красной рамкой. Нажатие на сочетание клавиш Ctrl+X фиксирует выбранный элемент. Кнопка Esc позволяет сбросить режим выбора элемента. 

После того, как элемент выбран, открывается окно «Browser picker». 

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

Расширенные опции

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

Рассмотрим пример селектора на кнопке «Найти» в поисковой строке Яндекса.

Слева в данном окне есть единственная вкладка — «Button», обозначающая саму кнопку как элемент. 

Внутри этой вкладки есть столбцы «Атрибут», «Вычисление» и «Значение». 

Рассмотрим на конкретном примере:

1. Колонка Атрибут равна tagName, показывает название тэга данного элемента. В данном случае — button, то есть «кнопка». 
2. Колонка Вычисление равна Равно. Данный параметр позволяет указать, как должно быть определено значение атрибута. В этом случае наименование тэга должно полностью совпадать с тем наименованием, которое определяет селектор. Что значит каждая из опций мы рассмотрим ниже.
3. Колонка Значение равна button. Наименование тэга.

Для того, чтобы селектор мог быть подстроен под конкретный сценарий использования, существует несколько возможностей определения значения атрибута (варианты опции «Вычисление»). Рассмотрим их подробнее: 

1. Равно — указывает, что значение атрибута в селекторе должно полностью совпадать со значением выбранного элемента. На нашем примере с кнопкой поиска это означает, что наименование тэга должно быть button.
2. Вычислить — позволяет подставить переменную, используемую в workflow в качестве значения атрибута. Таким образом, значение атрибута может быть определено посредством выполнения действий ботом.
3. Содержит — позволяет распознавать элемент при условии нахождения в его определенном атрибуте заданного значения. Например, если в селекторе будет указан атрибут Содержит — button, а значение атрибута tagName при этом будет иметь вид button1 то селектор все равно сможет определить нужный элемент.

Кнопка «Проверить» в окне селектора позволяет протестировать, корректно ли определяется элемент с выбранным селектором.