Автоматизация действий браузера
Периодически работаю с автоматизацией работы в браузере (например, чтобы каждый день бронировать себе место в опенспейсе офиса) и каждый раз приходится искать новую программулину, потому что ➡
- Она работала только на Windows.... а как на маке...((
- Теперь она только платная......🤔
- Нужно держать компуктер включенным (особенно если винда), а хотелось бы в облаке...
В большинстве из них нет адекватного редактора действий — это когда ты серфишь в окне браузера, а программа записывает за тобой действия.
Либо его вообще нет, либо он работает очень странно, и приходится открывать браузер и самостоятельно копипастить туда — сюда XPath элементов.
Абсолютно случайно подумал об этом и вспомнил, что мне всегда интересно было разобрать, как оно работает, и собрать свой конструктор для автоматизации действий в браузере...
Собственно, представляю свою реализацию 🥸
Я решил пойти простым путём, не забираться в .NET, городить свой браузер, конструктор поверх него и просто сделать всё на вебе.
Страница загружается через CURL, после чего отправляется в iframe, и на него добавляется скрипт для обработки курсора и его действий.
P.S. Это самая первая демо-версия. Позже я перешёл на работу с headless-браузером, и в ходе тестов выяснилось, что всё ломается на всплывающих элементах (потому что при передаче HTML iframe не отображает выполненный в браузере JavaScript — т.е. различные всплывающие окошки и т.д.).
Поэтому переделал все на работу через скриншоты из браузера и разметку элементов относительно их координат и размеров, прямо поверх скриншота
Чуть позже покажу новую версию и то, как все получилось 😁
А в телеграме материалы выходят чуточку раньше
В этом кейсе я расскажу, как я из идеи об инструменте которого мне не хватало в моих рабочих процессах, с чистого листа создал в одиночку стартап, проведя его через все этапы от проектирования до запуска, своими руками (и мозгами) делая всю работу. Какой получился результат, принёс проект пользу лично мне, и оказался ли полезен людям. Погнали!
Думал как переманить людей с раздела блога на основные страницы сайта. Так чтоб самому захотелось переходить и вот элегантная идея! (ниже код для вставки) Факт! Магический шар предсказаний увеличил вовлеченность.
Онлайн-чат — быстрый способ наладить связь с клиентами и увеличить продажи. Мы разберём, как установить его на сайт и сделать полезным инструментом для бизнеса.
Интернет — это глобальная сеть, объединяющая миллионы компьютеров и серверов по всему миру, позволяющая обмениваться информацией и получать доступ к разнообразным ресурсам. Когда вы вводите адрес веб-сайта в браузере и нажимаете Enter, происходит сложная последовательность действий, обеспечивающая доставку и отображение запрашиваемого ресурса. Расс…
Перед каждым веб дизайнером-фрилансером всегда стоит вопрос: верстать свои макеты самостоятельно или же искать программиста. От коллег слышала разные мнения: “Вёрстка это вообще не моё, не интересно”, “Нельзя быть хорошим дизайнером и верстальщиком одновременно, это разные профессии”, а кто-то просто работает на старой доброй Тильде и не жалуется.…
Привет! Я веду блог и сейчас провожу эксперимент "Build in Public" — строю продукт на глазах у всех, делюсь процессом и выводами. Прошла вторая неделя, и я решил собрать свои заметки в один пост, чтобы рассказать, как двигался к первой реальной идее. Погнали?
Господа, Вам знакомо чувство, когда код льется сам собой, ты весь в потоке, ловишь тот самый вайбкодинг? Я вот постоянно ищу инструменты, которые помогают этого дзена достичь, особенно с появлением всех этих AI-штук. Хочется, чтобы помощник был реально помощником, а не еще одним отвлекающим фактором.
Сейчас примерно везде антиботы стоят, они очень ограничивают автоматизацию работы в браузере. И если даже сейчас получилось их обойти, послезавтра они будут работать по новым правилам и опять нужно учиться обходить
Смотря какой юзеркейс рассматривать. Одно дело — бронировать стол в офисе, а другое — парсить товары в ИМ
Но и в том и другом случае — это можно решить :)
сейчас получилось их обойти, послезавтра они будут работать по новым правилам и опять нужно учиться обходитьИ это хорошо, благодаря этой игре в кошки-мышки у разработчиков занимающихся автоматизацией и парсингом всегда будет работа ))
Не пробовали посмотреть в сторону инструментов автоматизации тестирования?
Есть например публичный репозиторий https://github.com/autotetst/simpleE2E/tree/main, в котором автоматизировать тесты можно просто на русском языке + css селекторы элемента (хорошие css селекторы в стабильном проекте меняются редко). Отлично работает в headless режиме
Или совсем из простого seleniumIDE, которое может устанавливаться как расширение браузера и записывать действия пользователя + воспроизводить