Versions Compared

Key

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

Page Tree
root💻Окно браузера

Описание

Браузерное окно - это один из основных элементов 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 имеет кардинально отличное контекстное меню, которое можно открыть нажатием правой клавиши мыши на рабочей зоне браузерного окна.

...

Подробнее Контекстное меню