Web Automation IDE (Clicker)

IDE для автоматизации веб-страниц с собственным языком скриптов (Clickermann-style)

Web Automation IDE — это продвинутое расширение для Chrome, которое превращает браузер в мощную среду для создания и выполнения сценариев автоматизации. Забудьте о рутинных действиях: расширение пишет текст, кликает, собирает данные и работает с API на любых сайтах, включая современные приложения на React и Vue. В основе лежит безопасный интерпретатор, выполняющий команды напрямую в контексте выбранной вкладки, без использования eval. Пишите код на простом, интуитивно понятном языке, похожем на упрощённый JavaScript, и наблюдайте за мгновенным результатом. 🚀 Быстрый старт за 4 шага: 1) Установите расширение. 2) Выберите вкладку в панели инструментов, с которой будете работать. 3) Напишите скрипт или вставьте готовый пример из встроенной справки. 4) Нажмите F5 для запуска. Ключевые возможности ✍️ Удобный редактор и язык скриптов Пишите код в среде с подсветкой синтаксиса и навигацией. Язык поддерживает переменные (let), все основные типы данных (числа, строки, булевы, массивы, объекты), управляющие конструкции (if/else, while, for с break и continue), функции и даже метки с goto для нестандартных циклов. Встроенная консоль (console.log) поможет в отладке. 🖱️ Визуальный пикер элементов Забудьте о ручном написании CSS или XPath селекторов. Нажмите правой кнопкой мыши в редакторе, выберите «Выбрать элемент» и просто кликните по нужной кнопке или полю на странице. Селектор вставится в код автоматически. 🌐 Полный контроль над браузером (Page.*) Навигация и ожидание: Page.Tab.open(), Page.wait() Работа с элементами: click(), setText() (совместимо с React/Vue), getText(), getAttribute(). Умные проверки: exists() для быстрой проверки и waitFor() для ожидания появления элемента. Человекоподобный клик: Эмулируйте реальное движение мыши по случайной траектории с настраиваемыми смещениями, чтобы оставаться незаметным для систем аналитики. Продвинутые селекторы: Поддержка CSS, XPath, работа с Shadow DOM (через >>>) и динамическими селекторами с подстановкой переменных ($var). Управление прокруткой: Функции freezeScroll() и unfreezeScroll() для работы со страницами с бесконечным скроллом. ⚡️ Интерактивные диалоги (Popup) Взаимодействуйте с пользователем во время выполнения скрипта. Создавайте модальные окна для подтверждения действий (confirm), ввода текста (prompt) или собирайте данные через полноценные формы (popup.create) с текстовыми полями и выпадающими списками. Скрипт приостановится и дождется ответа пользователя. 🔌 Работа с API и сетью Прямые HTTP-запросы (Http.*): Отправляйте GET/POST запросы к сторонним API напрямую из скрипта. Автоматическая работа с JSON и заголовками. Перехват сетевых запросов (Page.network.*): Отслеживайте и анализируйте запросы, которые отправляет сама страница. Идеально для сбора данных, подгружаемых динамически. Сетевой инспектор: Визуальный инструмент для просмотра всего сетевого трафика вкладки. Позволяет в пару кликов выбрать нужные поля из JSON-ответа и вставить в редактор готовый код для его получения. 🛠️ Мощная обработка данных Встроенные методы для работы со строками (.split(), .replace(), .trim(), регулярные выражения) и массивами (.push(), .join(), .indexOf()). Специальный метод .saveTxt() позволяет одним кликом сохранить собранные данные в текстовый файл на компьютере. 💻 Управление вкладками (Tabs.*) Автоматизируйте работу с несколькими вкладками: получайте их список, переключайтесь между ними, перехватывайте новые открывающиеся вкладки и программно закрывайте их. Где искать помощь? Встроенная справка: Нажмите кнопку ? в редакторе, чтобы открыть полную спецификацию языка с примерами. Логи выполнения: В панели «Консоль» видно, что происходит на каждом шаге. Техподдержка: Для сложных вопросов пишите на почту: hith433422@gmail.com.