Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Оглавление:

Expand
titleНажмите здесь, чтобы развернуть оглавление
Table of Contents
exclude^Оглавление:$

Описание

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

...

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

...

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

...

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

...

На панели (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, приложениями, трафиком страницы.

...

Note

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

Очистить кэш

...

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

...

Очистить cookies

...

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

...

Info

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

Режим ввода

...

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

...

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

...

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

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

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

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

...

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

...

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

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

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

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

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

...

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

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

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

...

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

...

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

...

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

...

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

...

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

...

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

...

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

...

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

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

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

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

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

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

...

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

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

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

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

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

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

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

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

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

Page Tree
root@self