💻Окно браузера

Описание

Браузерное окно - это один из основных элементов ProjectMaker для построения шаблонов автоматизации сайтов. По сути браузерное окно представляет собой инстанс браузера с дополнительными инструментами позволяющими облегчить и ускорить разработку проектов.

Окно состоит из верхней и нижней панели инструментов и, собственно, области просмотра или рабочей зоны браузера. Во многом функционал и работа с этим окном схожа с работой в обычном браузере.

Инструменты

Рассмотрим все инструменты окна браузера.

1. Название таба

Отображает автосгенерированное или назначенное с помощью инструмента “Открыть вкладку” (п. 6) имя таба рядом с фавиконом. Управлять созданием табов, а также активацией и их закрытим можно через экшен Управление вкладкой браузера (табом браузера)

2. Кнопка “Назад”

Служит для навигации по истории открытия веб-страниц и возвращает на предыдущую страницу сайта. Аналогичное действие можно выполнить и с помощью кода:
C#: instance.ActiveTab.GoBack();
JS: history.back();

3. Кнопка “Обновить”

Перезагружает текущую страницу. Во время загрузки страницы меняет вид на крестик, нажав на который можно остановить процесс загрузки страницы.

4. Адресная строка

Поле для ввода, редактирования и отображения URL страницы. Аналогична адресной строке обычных браузеров.

5. Переход на страницу

Подтверждает переход по введенному в адресной строке URL. Такого же эффекта можно достичь просто нажав клавишу ENTER.

Основным способом открыть ссылку в браузере является использование действия “Табы”→ “Переход на страницу”: Переход на страницу (Открыть страницу/Navigate)

6. Открытие новой вкладки

Открывает модальное окно в котором нужно ввести имя новой вкладки. Тоже самое действие можно выполнить и с помощью “кубика” Управление вкладкой браузера (табом браузера)

7. Просмотр исходного кода

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

{-Page.Dom-}
{-Page.Source-}
{-Page.Text-}

8. Инструменты web-разработчика

Открывает окно разработчика аналогичное такому же окну в браузере Chrome. Используется для более продвинутой работой с DOM, приложениями, трафиком страницы.

9. Очистить кэш

Быстрый доступ к функционалу аналогичного кубика - очищает весь браузерный кэш. Также данное действие можно выполнить с помощью экшена "Очистить кэш”.

10. Очистить cookies

Быстрый доступ к функционалу аналогичного кубика - очищает все куки инстанса. Также данное действие можно выполнить с помощью экшена "Очистить куки”.

11. Режим ввода

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

12. Индикатор состояния загрузки страницы

Имеет три состояния:

Готово - при полной загрузке;
Загрузка - в процессе загрузки;
Дозагрузка - подгрузка данных скриптами и плагинами.

13. Текущий браузер

Отображает тип браузера, который установлен для инстанса. Сменить тип браузера можно через кнопку “Настройки проекта”→ “Тип браузера”, либо с помощью экшена “Браузер“ → “Настройки“ → “Запустить инстанс“ и там выбрать нужный тип браузера.

14. Прокси браузера

Отображает текущий прокси. Установить прокси можно через “Текущий профиль“ → “Браузер“ → “Профиль“, либо кубиком “Браузер“ → “Настройки“ → “Установить прокси“.

15. Правила загрузки контента

Открывает выпадающий список в котором чекбоксами можно отметить какой тип контента нужно разрешить/запретить для загрузки. Те же самые действия можно выполнить с помощью кнопки “Настройки проекта”→ “Браузер” или кубиками “Добавить действие”→ “Браузер” → “Настройки” → “Картинки”/“Медиа”/“Реклама”/“Загрузка стилей”/“JavaScript”/“Блокировка всплывающих окон”

Например для более быстрой загрузки ресурса можно отключить картинки и стили CSS.

16. Установить таймаут

Открывает окно в котором можно задать время в секундах в течении которого ZennoPoster ожидает полной загрузки активной вкладки. По умолчанию это значение задается в настройках ZennoPoster. Кроме того, задать таймаут можно и через экшен “Добавить действие”→ “Таб” → “Настройки”

17. Координаты курсора мыши

Показывает значения в пикселях Х и Y координат мыши. Нулевые координаты (0;0) в верхнем левом углу рабочей зоны окна. Используется для быстрого определения примерных координат HTML элементов на странице.

Контекстное меню

В отличии от других браузеров, браузер в ProjectMaker имеет кардинально отличное контекстное меню, которое можно открыть нажатием правой клавиши мыши на рабочей зоне браузерного окна.

Исследовать элемент

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

Следовать за курсором

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

В конструктор действий

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

Поиск XPath

Откроется конструктор действий с выбранным режимом поиска HTML-элемента через XPath.

Парсить данные

Создать проверку наличия выделенного текста

Поиск по картинке