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

 

Оглавление:

Описание

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

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

Инструменты

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

Область открытых табов (вкладок)

На панели (1) отображены все открытые в данный момент вкладки браузера. С помощью кнопки в правой части панели (2) можно открыть список для быстрой навигации по открытым вкладкам.

Управлять созданием табов, а также активацией и их закрытием можно через экшен Управление вкладкой браузера (табом браузера)

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

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

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

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

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

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

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

 

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

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

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

 

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

Режим ввода

 

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

Расширения

Позволяет взаимодействовать с установленными расширениями (Активация, Настройки, Детали, Удаление). Также имеется возможность установки новых расширений через crx-файлы.

Подробнее о работе с расширениями написано в статье Работа с расширениями

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

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

Это окно открывается для активной в данный момент вкладки!

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

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

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

Очистить кэш

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

Очистить cookies

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

В ZennoPoster 7.3.1.0 был добавлен новый экшен для работы с cookies, который позволяет не только очищать, но и загружать и сохранять cookies в разных форматах.

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

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

  • Готово - при полной загрузке;

  • Загрузка - в процессе загрузки;

  • Дозагрузка - подгрузка данных скриптами и плагинами.

Текущий тип браузера

Отображает тип браузера, который установлен для инстанса.

Вы можете сменить тип браузера разными способами:

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

Отображает текущий прокси.

А начиная с версии 7.3.2.0 Вы так же можете установить прокси, просто кликнув по этой кнопке.

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

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

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

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

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

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

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

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

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

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

Установить значение из профиля (переменной)

Эти пункты появляются, когда контекстное меню вызвано для текстового поля.
Позволяют быстро вставить текст из профиля или из переменной проекта.

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

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

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

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

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

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

Поиск XPath

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

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

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

Это капча!

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

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

Начиная с версии 7.3.1.0 и выше - Проверка наличия текста

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

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

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

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