Перейти к содержимому

Как автоматизировать действия в браузере

  • автор:

Автоматизация веб-страниц

Power Automate предлагает несколько действий в группе «Браузерная автоматизация», чтобы позволить пользователям взаимодействовать с веб-браузерами. Браузерная автоматизация — это частный случай автоматизации пользовательского интерфейса, используемой для взаимодействия с веб-элементами.

Помимо встроенного браузера для автоматизации, в настоящее время поддерживаются четыре веб-браузера:

  • Microsoft Edge
  • Microsoft Internet Explorer
  • Google Chrome
  • Mozilla Firefox

Перед автоматизацией веб-страниц необходимо установить соответствующее расширение браузера и соответствующим образом настроить браузер. Чтобы получить дополнительную информацию о поддерживаемых браузерах и необходимых расширениях и можно найти в разделе Установка расширений Power Automate для браузеров.

Чтобы автоматизировать веб-страницу, необходимо запустить или присоединить один из поддерживаемых браузеров, затем развернуть действия автоматизации браузера. Действия браузерной автоматизации позволяют вам взаимодействовать с веб-страницами и эмулировать события, такие как нажатие, с помощью сценариев JavaScript. Вы можете разработать поток вручную или с помощью средства записи.

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

Однако некоторые действия, такие как Перейти по ссылке на веб-странице и Заполнить текстовое поле на веб-странице, поддерживают физическое взаимодействие в случаях, когда события JavaScript не работают должным образом. Если включить физическое взаимодействие, браузер нельзя будет свернуть, а целевая вкладка должна будет находиться в фокусе.

Сравнение использования Internet Explorer и браузера для автоматизации

Несмотря на то, что браузер для автоматизации основан на Internet Explorer, он предоставляет некоторые функции и ограничения, повышающие эффективность автоматизации.

  1. Браузер для автоматизации работает из коробки, а Internet Explorer требует дополнительной настройки. Настройки безопасности могут быть нежелательными в организациях со строгими политиками безопасности, запрещающими внесение изменений вручную.
  2. Действие Перейти по ссылке загрузки на веб-странице работает с браузером для автоматизации независимо от версии Internet Explorer. Для фактического Internet Explorer это действие требует версии 8 или ниже.
  3. Браузер для автоматизации подавляет все диалоговые окна сообщений, которые могут беспрепятственно появляться в Internet Explorer. Если эта функция нежелательна, примените суффикс ShowDialogs в конце URL-адреса в действии Запустить новый Internet Explorer.
  4. Браузер для автоматизации не поддерживает вкладки или открытие ссылок в окнах. Когда вы выбираете ссылку, браузер открывает ее в том же окне/экземпляре.
  5. Браузер для автоматизации имеет небольшое преимущество в производительности, потому что он не загружает ненужные элементы и надстройки, как это делает Internet Explorer.

Автоматизация браузеров и веб-элементов

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

  • Запустить новый экземпляр Microsoft Edge
  • Запустить новый экземпляр Internet Explorer
  • Запустить новый экземпляр Chrome
  • Запустить новый экземпляр Firefox

Снимок экрана действия запуска нового экземпляра Microsoft Edge.

Когда экземпляр браузера доступен, можно развернуть другие действия автоматизации браузера для взаимодействия с веб-страницами. Действия «Заполнение веб-форм» предназначены для ввода данных на веб-страницах, в то время как действия извлечения веб-данных извлекают данные с веб-страниц.

Вы можете найти список со всеми доступными действиями автоматизации браузера в Справочнике по действиям автоматизации браузеров.

Снимок экрана ввода действия «Заполнить текстовое поле на веб-странице».

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

Действия по автоматизации браузеров принимают исключительно элементы пользовательского интерфейса, захваченные с веб-страниц. Поэтому элементы пользовательского интерфейса, захваченные из классических приложений, недоступны в действиях автоматизации браузера.

Снимок экрана доступных элементов пользовательского интерфейса в действии «Заполнить текстовое поле на веб-странице».

Чтобы добавить новый элемент пользовательского интерфейса, выделите соответствующий веб-элемент и нажмите Ctrl + щелчок левой кнопкой мыши. После добавления всех необходимых элементов выберите Готово, чтобы сохранить их.

Снимок экрана с выделенными элементами пользовательского интерфейса для захвата.

Ввод данных на веб-страницах

Чтобы обеспечить ввод данных на веб-страницу, выберите соответствующее действие «Заполнение веб-форм» в зависимости от характера элемента. Например, используйте действие Установить значение раскрывающегося списка на веб-странице, чтобы выбрать элемент в раскрывающемся меню.

Снимок экрана действия установки значения раскрывающегося списка на веб-странице.

Извлечение данных с веб-страниц

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

Снимок экрана действия «Получить сведения о веб-странице».

Помимо предварительно заполненных параметров вы можете вручную выбрать любой HTML-атрибут, который может иметь выбранный веб-элемент.

Кроме того, действие Получить сведения об элементе на веб-странице поддерживает атрибут waelementrectangle, который извлекает верхнюю левую точку и размеры веб-элемента. Чтобы получить дополнительную информацию об этом атрибуте, перейдите в раздел Получение координат и размера веб-элемента.

Снимок экрана действия «Получить сведения об элементе на веб-странице».

Извлечение структурированных данных с веб-страниц

Для извлечения больших объемов структурированных данных используйте действие Извлечь данные с веб-страницы. Вы можете хранить извлеченные данные в виде отдельных значений, списков и таблиц или вставлять их в рабочие листы Excel.

Снимок экрана действия извлечения данных из веб-страницы.

Когда интерактивный веб-помощник открыт, выберите или щелкните правой кнопкой мыши целевые данные, чтобы просмотреть доступные параметры извлечения. Чтобы извлечь значение, выберите Извлечь значение элемента, затем выберите атрибут HTML, который вы хотите извлечь.

Снимок экрана веб-страницы при извлечении с нее данных.

Power Automate автоматически идентифицирует списки или таблицы данных после выбора двух или более их элементов для извлечения.

Чтобы быстрее извлечь всю HTML-таблицу, выберите или щелкните ее правой кнопкой мыши и выберите Извлечь всю таблицу HTML. Эта опция доступна только для элементов, которые Power Automate распознает как таблицы HTML. Если данные структурированы как таблица, но не распознаются как таблица HTML, извлеките первые два элемента, как описано ранее.

Снимок экрана веб-страницы при извлечении с нее таблицы данных.

В качестве альтернативы вы можете вручную создавать или редактировать селекторы CSS, которые точно указывают определенные элементы.

Чтобы создать селектор CSS, выберите Дополнительные параметры в интерактивном веб-помощнике, затем выберите тип значения, которое вы хотите извлечь. Вы можете извлечь одно значение, несколько вручную выбранных значений (каждое значение определяется другим селектором), списки, таблицы и целые HTML-таблицы.

Каждый селектор CSS состоит из древовидной структуры HTML-элемента, извлекаемого из него атрибута и, необязательно, регулярного выражения для реализации более сложного выбора.

Снимок экрана селектора CSS.

Извлечение структурированных данных с нескольких страниц

Если извлекаемая информация разделена между несколькими страницами с одинаковой структурой, вам необходимо установить соответствующую конфигурацию разбиения по страницам.

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

Кроме того, вы можете вручную указать блок страничной навигации через Дополнительные параметры интерактивного веб-помощника.

Снимок экрана с параметром установки элемента в качестве блока страничной навигации.

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

При желании вы можете включить Обрабатывать данные при извлечении, чтобы позволить Power Automate обрабатывать извлеченные данные различными способами, например, удалять пробелы и нежелательные символы. Однако этот параметр может повлиять на производительность при больших объемах данных.

Снимок экрана с параметрами блока страничной навигации в действии «Извлечь данные с веб-страницы».

Взаимодействие с веб-службами

Power Automate предоставляет различные HTTP-действия, позволяющие вам напрямую взаимодействовать с веб-ресурсами, такими как веб-страницы, файлы и API-интерфейсы, без необходимости использования веб-браузера. Вы можете найти список со всеми доступными действиями HTTP в Справочнике по действиям HTTP.

Загрузка веб-ресурсов

Используйте действие Загрузить из Интернета для прямой загрузки содержимого веб-страницы или файлов, хранящихся в Интернете.

Оба метода GET и POST могут быть использованы в этом действии. Файлы можно загрузить прямо на диск, а содержимое веб-страницы сохраняются в переменных.

Снимок экрана действия «Загрузить из Интернета».

Доступ к веб-API

Используйте действие Вызов веб-службы для доступа к веб-API. С этим действием совместимы различные методы, которое полностью настраивается для работы практически с любым API.

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

Снимок экрана действия «Вызвать веб-службу».

Помимо действия Вызвать веб-службу, Power Automate предоставляет действие Вызвать веб-службу SOAP для взаимодействия с веб-службами SOAP.

Selenium или автоматизация работы браузера

Предположим, что вам нужно выгрузить большое количество документов, генерируемых автоматически или подгружаемых в систему человеком. Но ручное выполнение этой задачи займет огромное количество времени. На помощь приходит Selenium WebDriver! Подробнее в сегодняшней статье

Selenium WebDriver – библиотека языка Python для управления работой браузера. По сути, такой веб-драйвер создает бота для автоматизации работы в браузере.

Одно из неоспоримых преимуществ Selenium WebDriver – это возможность выполнения действий на странице с «ожиданием». Веб-драйвер позволяет «ожидать», как бы ожидал человек, пока не появится необходимый элемент.

Но есть и минусы:

  • Работа возможно только с первой вкладкой браузера;
  • Иногда поведение в разных браузерах разнится;
  • Драйвер может «упасть» прямо посреди работы;
  • Бывают сложности с поиском элементов (XPath не всегда работает, но помогает замена поиска по ID);
  • Необходимо четко продумать алгоритм действий.

Связка Python-Selenium имеет удобный API для доступа ко многим браузерам.

Допустим, что библиотека уже установлена (иначе нужно запустить в CMD команду «pip install selenium»). Для работы будем использовать программный интерфейс Anaconda 3, а именно Jupiter Notebook.

Практика применения

В рамках работы по проекту нам нужно было получить для обработки приблизительно 10 тыс. документов формата. docx. Выгрузка одного объекта занимала от 30 до 40 секунд или 5-6 действий.

Автоматизация выгрузки была выполнена с помощью следующих действий:

1. Получение объектов с веб-страниц

Для поиска объектов используются локаторы (строки, которые идентифицируют элемент страницы).

  1. by_id – осуществляется поиск по атрибуту id;
  2. by_xpath – поиск элемента по XPath выражению;
  3. by_cssSelector – поиск, основанный на описаниях таблиц стилей (CSS)

После поиска объектов, с ними можно выполнять различные действия. Например с помощью метода click() можно нажать на объект веб-страницы.

2. Работа с выпадающими списками

Метод используется для работы с выпадающими списками

Локатор by_id ищет элемент, необходимый для выбора. Далее выбирает строку со значением `EQUAL`.

3. Имитация работы клавиатуры

Ниже представлен пример имитации нажатия клавиши на клавиатуре. Создаем экземпляр класса ActionChains, в который передаем browser. Далее вызываем метод SendKeys, в котором указываем действие, в данном случае – нажатие на Enter.

Action.perform() – командует выполнение.

Модуль time.sleep() дает нам то необходимое ожидание, которое нужно нам для получения объектов страницы в полном объеме.

И в заключение:

Установка драйвера для каждого браузера имеет свои особенности. Ознакомиться с информацией и узнать все возможности можно на официальном сайте ПО – selenium-python.com. Там же можно найти инструкции по установке и настройке библиотеки для различных ОС.

Зачем автоматизировать действия в браузере и как это сделать за 5 минут

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

Выполнение повторяющихся задач может оказаться непростым делом. Поскольку сейчас все основано на эффективности и скорости, очень важно иметь возможность автоматизировать некоторые (если не все) повторяющиеся задачи, которые необходимо выполнять на регулярной основе. К таким задачам относится ввод паролей, вход в электронную почту и т.д. В этом может помочь расширение Wildfire.

Обновлено: 2023-05-30 19:38:18 АР Алиса Рукина автор материала

О расширении Wildfire

Простое расширение для автоматизации работы в браузере, которое отлично подходит как для новичков, так и для профи. Первое, что бросается в глаза при использовании Wildfire, — насколько у этого расширения интуитивно понятный интерфейс.

Расширение Wildfire записывает действия, совершаемые пользователем на веб-страницах, и воспроизводит их с помощью встроенного симулятора. Записанные действия попадают в журнал, который можно просматривать, а редактор рабочего процесса позволяет вносить любые необходимые правки. Это современный и удобный инструмент автоматизации.

  1. Большой выбор полезных и простых в использовании опций, которые помогут максимально эффективно использовать расширение.
  2. Wildfire можно установить совершенно бесплатно.
  3. Можно запланировать моделирование.
  • Переход к более сложным задачам потребует определенных навыков.

Как правильно использовать расширение Wildfire

В принципе, все довольно просто и на весь процесс уйдет не более 5 минут. Итак, вот что нужно сделать:

    Щелкнуть по значку расширения Wildfire и выбрать подходящий вариант, чтобы начать запись.

Как правильно использовать расширение Wildfire

Как правильно использовать расширение Wildfire - 2

Все записи и соответствующая информация сохраняются и отображаются в разделе « Журнал моделирования ».

Есть ли другие подобные инструменты?

Благодаря автоматизации многие рабочие моменты значительно упрощаются. Хорошим инструментом считается расширение UI.VISION KANTU. Оно может запускать и взаимодействовать с десктопными приложениями. Однако оно не подойдет для новичков. Также можно рассмотреть расширение Katalon Recorder. Но оно больше подходит для программистов и тестировщиков программного обеспечения, которые хотят автоматизировать повторяющиеся циклы тестирования. Для новичков подойдет Puppeteer Recorder — бесплатное расширение для браузера Google Chrome. С его помощью можно записывать действия, выполняемые в браузере, в виде сценария.

Помимо расширений для браузера Google Chrome, существует приложение под названием IFTTT, объединяющее все виды автоматизации воедино.

Выводы и советы

На сегодняшний день можно сэкономить драгоценное время, нервные клетки, а также количество нажатий клавиш, и при этом добавить точность и последовательность с помощью автоматизации действий, выполняемых в браузере. Проще всего установить расширение для Google Chrome, которое позволяет автоматизировать все стандартные действия. Очень удобно, что для их выполнения не обязательно взаимодействовать с пользователем.

Automa – автоматизация действий в браузере

Макс Довольный | 08.12.2022 08.12.2022 Оставить комментарий для Automa – автоматизация действий в браузере

Расширение Automa позволит автоматизировать действия в браузере и избавиться вебмастеру от рутинной работы: автоклики, заполнение форм, форсинг и скроллинг по сайтам, сбор информации и выгрузка в формате CSV.

automa автоматизация

Оглавление:

  1. Что делает Automa
  2. Аналоги Automa
  3. Возможности Automa
    1. Instagram
    2. WhatsApp
    3. Automa Marketplace

    Что делает Automa

    Automa — это инструмент для вебмастеров, автокликер, с элементами визуального программирования для быстрой автоматизации действий в браузере, связанных с парсингом сайтов, веб-ботами, контекстных плагинов и многого другого внутри вашего браузера.

    Mozilla FireFox — https://addons.mozilla.org/en-US/firefox/addon/automa/

    Официальный сайт Automa — https://www.automa.site/

    Аналоги Automa

    Существуют аналоги Аутомы, которые могут составить конкуренцию по функционалу:

    • ZennoPoster
    • WildFire
    • Browser Automation Studio (BAS)
    • Human Emulator
    • iMacros / iMacros Extension
    • Katalon Recorder

    и это далеко не весь список.

    НО, эти аналоги платные, в отличии от Automa. Тот же функционал, но бесплатно. Также из отличий — внутри расширения есть маркетплейс, в котором юзеры могут закачивать и скачивать свои шаблоны. Но об этом позже.

    Возможности Automa

    Поговорим об Аутоме, как инструменте для арбитражников. Как с ним взаимодействовать и облегчить свои будни с помощью веб-автоматизации.

    Для примера возьмём 2 источника, с которыми работают вебмастера.

    Instagram

    Исходя из нынешних реалий, внешними ссылками в директ пользователя никто не пользуется (только переброс на WhatsApp или Telegram т.к. они трастовые для инстаграма и не вызывают подозрений).

    Допустим, вы сделали канал про киберспорт, который заполнен моментами из разных категорий игр. Замысел — раскрутить канал, чтобы рилсы и видео залетали в реки(рекомендации) и люди переходили на профиль. В био пользователей будет ждать ссылка на киберспортивные ставки. Варианты работы с Automa в таком случае:

    1. Стандартная функция автокликов. Вы записываете цикл в Аутоме, который нажимает кнопку “Добавить сториз” или “Записать рилс” клик => “Добавить файл с компьютера” клик => выбирает первое в папке видео(папку вы подготовите заранее, в ней будут видео) клик => после загрузки выполняет автозаполнение названия видео и хэштегов(которые он будет брать из подготовленного вами текстового файла рандомно) клик => загружает видео.
    2. В инстаграме важны поведенческие факторы. Automa может помочь и в этом случае. Вы записываете цикл кликов: открываете последний загруженный пост клик => проставляете лайки тем, кто написал комментарий. Либо можно писать рандомные комментарии в ответ другим пользователям, что-то нейтральное: “Спасибо!” или “Реально круто”.

    WhatsApp

    Автоматизация действий в мессенджерах не менее полезна. У всех приложений сейчас есть веб.версия, с которой можно работать. Через вотсапп проходит много вариаций слива трафика, в том числе, не самые честные. Поэтому мы поговорим про способ слива на любой dating оффер.

    Предположим, вы создали страницу в Facebook красивой девушки, и ведёте страницу своими руками. Чтобы была хорошая имитация реального пользователя. Разумеется в лс с первых секунд прилетают сообщения с просьбой познакомиться. В контактах профиля стоит номер или ссылка на вотсапп, или пост на стене в стиле “Здесь мои сообщения проверяет муж, пишите в WhatsApp!”. В конце дня заходим в мессенджер и с помощью Automa начинаем стандартную воронку из сообщений. Сначала отправляется первое “Привет, как тебя зовут?” и так далее до сообщения “Я тут немного вебкамом балуюсь, зайдёшь посмотреть?)”. Все сообщения отправятся автоматически, после чего вы получите свои лиды в ПП.

    Либо кидать ссылку на чат в Вотсапп. Где Аутома будет в скидывать фотографии из заранее подготовленной папки и периодически писать сообщения в стиле “Ребята, это ещё не всё, что я могу показать, заходите на мой вебкам профиль — ссылка”.

    Помимо двух описанных вариантов автоматизации работы в браузере есть другие —

    • Номера, которые пишут в ЛС можно выгрузить в CSV и потом работать с пуш-трафиком.
    • Заходить от лица девушки ВК на страницы к мужчинам через сообщества или по поиску. Они видят заходы на страницу — добавляются в друзья.
    • Рандомные комментарии под постами.

    Automa Marketplace

    Маркетплейс — место, в котором можно найти всю палитру шаблонов веб-автоматизации. Как истинные разработчики, создатели Automa дали возможность пользователям коммуницировать и делиться своими работами друг с другом для большего облегчения рутинных задач. Подтверждение тому — оба кейса, описанных выше, можно найти в маркетплейсе.
    Внутри раздела шаблоны разделены на: скраппинг(сбор данных с сайтов); Автоматизацию действий(наши кейсы можно найти тут); Продуктивность(упрощение задач для обычных пользователей).

    Плюсы и минусы работы с Automa

    Подведём выводы о работе с расширением Automa.

    Если сравнивать Automa и ZennoPoster, ибо он самый распространённый.

    • Аутома интуитивен и казуален. Зенка более “техническая”.
    • Аутома не такая громоздкая и ест меньше памяти, как зенка.
    • Иногда реалии заставляют углубиться. Пример — вышеописанный кейс с инстой и ответы на комментарии пользователей. Нельзя угадать какой длины коммент будет оставлен, соответственно, пользоваться автокликом не получится, нужно работать с куском кода, на который будет “нажимать” Аутома. Для этого нужно больше технических знаний.
    • Если вы новичок-энтузиаст и не хотите сразу вливать бюджеты, попробовать для себя новую сферу — Automa идеальный вариант для старта, ведь он по-сути бесплатный аналог Zenoposter. Бесплатный софт, бесплатный(условно) траф, остаётся искать возможности.
    • Хорошие деньги в работе с автоматизаторами вебмастера зарабатывают на объёмах. На масштабирование понадобится время и терпение.
    Может быть интересно

    Если для вас актуальная тема автоматизации действий, рекомендуем прочесть нашу статью – Автоматизация Android на POSTGET с помощью Frida-Server+BURPSuite

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *