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

Оглавление:

Описание

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

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

Инструменты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Очистить кэш

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

Очистить cookies

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

Режим ввода

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

Расширения

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

Чтобы установить расширение, потребуется указать путь к crx файлу. Если это необходимо, то ознакомьтесь с тем, как этот файл скачать - Как скачать crx файл расширения

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

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

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

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

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

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

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

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

• глобально, для всех новых проектов через настройки программы;

• в настройках текущего проекта;

• через экшен Браузер=>Настройки=>Запустить инстанс можно менять тип браузера прямо во время выполнения проекта.

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

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

А начиная с версии 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 - Создать проверку наличия выделенного текста

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

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

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