OpenClaw Browser Relay: управление браузером через ИИ-агента

Представьте: вы просите агента «зайди на сайт конкурента, собери цены на все тарифы и сделай скриншот их лендинга». Агент открывает браузер, кликает по страницам, заполняет формы, снимает скриншоты и возвращает вам структурированные данные. Без Selenium. Без написания скриптов. Одной фразой на русском языке.

Это Browser Relay — модуль OpenClaw, который дает ИИ-агенту полноценный доступ к браузеру. Не эмуляцию, не парсинг HTML, а управление реальным Chromium: с рендерингом JavaScript, cookies и авторизацией.

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

Что такое Browser Relay и зачем он нужен

Browser Relay — это встроенный инструмент OpenClaw, который запускает управляемый экземпляр Chromium и предоставляет агенту набор команд для работы с ним. Агент может:

• Переходить по URL
• Кликать на элементы страницы
• Заполнять текстовые поля и формы
• Делать скриншоты всей страницы или конкретных элементов
• Выполнять JavaScript на странице
• Генерировать PDF из веб-страниц
• Работать с несколькими вкладками одновременно

Ключевое отличие от парсинга через API: Browser Relay работает с реальной страницей. Если сайт рендерит контент через JavaScript, если нужна авторизация через форму, если контент появляется после скролла — агент справится. Потому что он работает с тем же браузером, которым пользуетесь вы.

Как это устроено технически

Архитектура простая. OpenClaw запускает headless Chromium через CDP (Chrome DevTools Protocol). Агент получает набор инструментов — browser_navigate, browser_click, browser_type, browser_screenshot и другие. Каждый вызов инструмента выполняет конкретное действие в браузере.

Три режима работы:

Managed (openclaw) — OpenClaw сам запускает и управляет экземпляром Chromium. Рекомендованный вариант для большинства задач.

Remote — подключение к удаленному браузеру через CDP URL. Полезно, когда браузер уже запущен на другом сервере.

Existing — подключение к уже запущенному локальному браузеру. Удобно для отладки и когда нужно работать с существующей сессией.

Конфигурация в openclaw.json занимает несколько строк:

{
  "browser": {
    "defaultProfile": "openclaw",
    "evaluateEnabled": true,
    "hostnameAllowlist": ["*.example.com", "google.com"]
  }
}

Параметр hostnameAllowlist — список доменов, куда агент имеет право заходить. Это важно для безопасности: агент не сможет случайно открыть страницу, которую вы не планировали.

Настройка за 5 минут

Если OpenClaw уже установлен (а если нет — читайте мой гайд по установке), настройка Browser Relay занимает минуты.

Шаг 1. Убедитесь, что Chromium или Chrome установлен на машине. На большинстве систем он уже есть.

# macOS
brew install --cask chromium

# Ubuntu/Debian
sudo apt install chromium-browser

# Или OpenClaw установит его сам при первом запуске

Шаг 2. Добавьте секцию browser в конфиг:

openclaw config set browser.defaultProfile "openclaw"
openclaw config set browser.evaluateEnabled true

Шаг 3. Проверьте, что всё работает:

openclaw browser start
openclaw browser status

Если статус показывает «running» — готово. Можете попросить агента открыть любую страницу.

Команды Browser Relay

Полный набор CLI-команд:

• openclaw browser start — запускает управляемый браузер
• openclaw browser stop — останавливает браузер
• openclaw browser status — показывает текущий статус
• openclaw browser tabs — список открытых вкладок
• openclaw browser navigate <url> — переход на URL
• openclaw browser click <selector> — клик по CSS-селектору
• openclaw browser type <selector> <text> — ввод текста в поле
• openclaw browser screenshot — скриншот текущей страницы
• openclaw browser pdf — генерация PDF текущей страницы
• openclaw browser profiles — список профилей браузера

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

Практические сценарии для контент-мейкеров

Мониторинг конкурентов

Раньше я вручную проверял сайты конкурентов: что нового опубликовали, какие цены поставили, как выглядит их лендинг. Теперь пишу агенту:

Зайди на сайт competitor.com, сделай скриншот главной страницы, собери все тарифы со страницы /pricing и сохрани в файл competitors-april.md

Агент делает это за 30 секунд. Я получаю файл с ценами и скриншот для сравнения. Каждый понедельник — автоматически, через heartbeat.

Скриншоты для статей

Когда пишу обзор инструмента, нужны скриншоты интерфейса. Раньше открывал, настраивал окно, делал снимок, обрезал. Теперь:

Открой dashboard.tool.com, авторизуйся, перейди на /analytics, сделай скриншот графика за последний месяц в разрешении 1920x1080

Агент авторизуется через сохраненные cookies, переходит на нужную страницу и делает скриншот в точном разрешении.

Сбор данных для исследований

Для SEO-статей нужна фактура: статистика, цитаты, данные. Browser Relay позволяет агенту зайти на сайт с исследованием, собрать нужные цифры и вернуть их в структурированном виде.

Заполнение форм и публикация

Контент-мейкеры знают эту боль: написал пост, теперь нужно вручную залить его на пять платформ. С Browser Relay агент может зайти в админку WordPress и создать новый пост, открыть конструктор рассылки и заполнить поля, загрузить изображение через форму.

Это не замена API-интеграций. Но когда API нет — Browser Relay единственный вариант автоматизации.

Сценарии для маркетологов

Аудит посадочных страниц

Попросите агента пройти по вашему лендингу как пользователь: кликнуть каждую кнопку, заполнить каждую форму, проверить каждую ссылку. Агент вернет отчет: что работает, что сломано, где 404.

Парсинг цен конкурентов

Маркетолог просит: «Собери цены на все тарифы у десяти конкурентов». Без Browser Relay это полдня ручной работы. С ним — одна команда и 5 минут ожидания.

Тестирование воронок

Перед запуском рекламы нужно пройти всю воронку глазами пользователя. Агент сделает это за вас: от клика по объявлению до страницы оплаты. С скриншотами каждого шага.

Безопасность

Browser Relay дает агенту мощный инструмент. Поэтому OpenClaw встроил несколько уровней защиты.

Allowlist доменов. Параметр hostnameAllowlist ограничивает список сайтов, куда агент может заходить. Рекомендую всегда указывать конкретные домены.

Запрет приватных сетей. Параметр dangerouslyAllowPrivateNetwork по умолчанию отключен. Агент не сможет зайти на localhost или внутренние IP-адреса вашей сети.

Ограничение для субагентов. В мультиагентных системах можно запретить субагентам доступ к браузеру:

{
  "tools": {
    "subagents": {
      "tools": {
        "deny": ["browser"]
      }
    }
  }
}

Аудит безопасности. Команда openclaw security audit --deep проверит настройки браузера и покажет потенциальные риски.

Правило простое: давайте агенту доступ только к тем сайтам, которые нужны для работы. Не больше.

Browser Relay vs другие инструменты

Часто спрашивают: зачем Browser Relay, если есть Selenium, Puppeteer, Playwright?

Разница в подходе. Selenium и Playwright требуют написания кода. Вы пишете скрипт, описываете каждый шаг, обрабатываете ошибки. Это работа разработчика.

Browser Relay работает через естественный язык. Вы описываете задачу — агент решает, какие действия выполнить. Если элемент поменял расположение на странице, агент адаптируется. Если появился попап — закроет его. Если загрузка длится дольше обычного — подождет.

Это принципиально другой уровень. Не скрипт, который ломается при любом изменении сайта, а интеллектуальный агент, который понимает контекст страницы.

Но будем честны: для высоконагруженного скрейпинга тысяч страниц Playwright подходит лучше. Browser Relay — для задач, где важна гибкость и не нужен код.

Продвинутые приемы

Цепочка действий через heartbeat

Настройте heartbeat агента на интервал, и он будет автоматически выполнять рутину:

{
  "agents": {
    "monitor": {
      "heartbeat": { "interval": "6h" },
      "workspace": "~/openclaw-ai/monitor"
    }
  }
}

В SOUL.md агента-монитора прописываете: «Каждый heartbeat открой список сайтов из watchlist.md, сделай скриншот каждого и сохрани в /screenshots/YYYY-MM-DD/». Агент будет выполнять это четыре раза в сутки без вашего участия.

Работа с авторизацией

Browser Relay сохраняет cookies между сессиями (в рамках одного профиля). Авторизуйтесь один раз — и агент будет работать с закрытыми разделами сайта.

Мультивкладочный режим

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

JavaScript-инъекции

Параметр evaluateEnabled: true позволяет агенту выполнять произвольный JavaScript на странице. Это мощный инструмент для извлечения данных, которые не видны в DOM напрямую. Используйте с осторожностью.

Ограничения

Browser Relay не волшебная палочка. Вот что стоит учитывать:

• Скорость. Каждое действие в браузере занимает время. Для массового скрейпинга это медленнее, чем прямые HTTP-запросы.
• CAPTCHA. Агент не обходит капчи. Если сайт показывает CAPTCHA — нужно вмешательство человека.
• Тяжелые SPA. Некоторые одностраничные приложения с тяжелым JavaScript могут работать нестабильно в headless-режиме.
• Ресурсы. Chromium потребляет память. На VPS с 1 ГБ RAM могут быть проблемы.

Для большинства задач контент-мейкеров и маркетологов эти ограничения не критичны. Но знать о них полезно.

Мой рабочий процесс

Утро начинается с того, что агент-монитор уже собрал данные: скриншоты конкурентов, обновления на целевых площадках, новые публикации в отслеживаемых блогах. Все лежит в папке /screenshots/ с датой.

Когда пишу статью и нужна фактура — прошу агента: «Найди на сайте research.com последние данные по рынку ИИ в России и выдели ключевые цифры». Агент заходит, находит нужный раздел, собирает данные.

Когда нужно проверить, как выглядит мой сайт — агент открывает galson.pro, проходит по ключевым страницам, делает скриншоты в мобильном и десктопном разрешении.

Browser Relay — это не отдельный инструмент, который нужно запускать. Это часть рабочей среды. Агент использует браузер так же естественно, как использует файловую систему или поиск.

Итого

Browser Relay превращает ИИ-агента из текстового помощника в полноценного оператора. Агент видит то, что видите вы в браузере. Может взаимодействовать с любым сайтом. И делает это по одной инструкции на естественном языке.

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

Настройка занимает 5 минут. Chromium + три строки конфига.

Если вы уже используете OpenClaw — просто включите Browser Relay и попробуйте дать агенту задачу, для которой раньше открывали браузер вручную. Разница заметна сразу.

Я помню момент когда впервые увидел это в работе. Написал агенту: "Зайди в мой Google Analytics и скажи сколько уникальных посетителей за последние 7 дней". Он открыл браузер, залогинился, нашёл нужный отчёт и через 20 секунд выдал цифру.

Это Browser Relay — один из самых недооценённых скиллов для OpenClaw. Большинство пользователей ограничиваются текстовыми задачами. А между тем агент умеет делать в браузере буквально всё что делаешь ты — только быстрее и без твоего участия.

Что такое Browser Relay и зачем он нужен

OpenClaw умеет работать с веб нативно — встроенный поиск читает страницы и вытаскивает информацию. Но это работа с "мёртвым" HTML: загрузил страницу, прочитал текст, всё.

Browser Relay — это другое. Это мост между агентом и реальным Chrome-браузером. Технически он использует Chrome DevTools Protocol (CDP) — тот же протокол что Playwright и Puppeteer. Агент отправляет команды, браузер их выполняет, результат возвращается агенту.

Что это даёт на практике:

Клики и навигация. Агент кликает по кнопкам, ссылкам, переключателям. Не описывает структуру страницы — реально кликает.

Заполнение форм. Поля с логином/паролем, текстовые поля, выпадающие списки, файловые загрузки — агент работает со всем этим.

JavaScript-приложения. React, Vue, Angular приложения загружают контент динамически. Обычный web-fetch видит пустую страницу. Browser Relay видит то же что видишь ты.

Скриншоты. Сделать скриншот страницы или конкретного элемента — одна команда.

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

Browser Relay vs встроенный поиск:

Как работает техническая архитектура

Три компонента работают вместе:

1. OpenClaw-агент — получает твои команды, разбирает их и отправляет в Browser Relay

2. Chrome Extension (ClawdBot browser relay) — установлена в твоём браузере, подключена к агенту через WebSocket

3. Реальный Chrome — выполняет действия на настоящих сайтах

Когда ты пишешь агенту "зайди на habr.com и скажи о чём топ-5 статей" — агент переводит это в CDP-команды (navigate, get_content), отправляет их через WebSocket в расширение, расширение говорит Chrome что сделать, Chrome выполняет и возвращает DOM агенту.

Задержка минимальная — всё происходит в реальном времени через постоянное WebSocket-соединение.

Безопасность: расширение подключается только к твоему OpenClaw-инстансу через твой gateway token. Внешние команды невозможны.

Установка: шаг за шагом

Шаг 1. Установи скилл Browser Relay

В чате с OpenClaw напиши:

/skill install browser-relay

Если используешь OpenClaw Launch (облачная версия) — включи Browser Relay в настройках Dashboard.

Шаг 2. Установи Chrome Extension

1. Открой Chrome и зайди в Chrome Web Store

2. Найди "ClawdBot browser relay" или "OpenClaw browser relay"

3. Нажми "Добавить в Chrome" и подтверди разрешения

4. Иконка расширения появится в тулбаре

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

Шаг 3. Подключи расширение к агенту

1. Нажми на иконку расширения в Chrome

2. Введи Gateway URL твоего OpenClaw-инстанса (например: https://my-instance.openclawlaunch.com)

3. Введи Auth Token (находится в настройках OpenClaw → API → Gateway Token)

4. Нажми Connect

Иконка расширения становится зелёной когда соединение установлено.

Шаг 4. Проверь что работает

Напиши агенту:

Открой google.com и скажи что видишь на главной странице

Если расширение подключено корректно — агент откроет Google и опишет контент.

5 реальных сценариев и промпты

Сценарий 1: Мониторинг конкурентов

Зайди на сайт [конкурент.ru], открой раздел Блог или Статьи. Найди 5 последних публикаций. Для каждой дай: - Заголовок - Тема (1-2 предложения) - Дата публикации - Оценка: насколько это пересекается с моим контентом на [моя тема] Сделай скриншот главной страницы блога.

Применение: еженедельный мониторинг того что публикуют конкуренты — без ручного захода на 10 сайтов.

Сценарий 2: Парсинг данных из веб-приложений

Зайди в [Google Analytics / Яндекс.Метрика] по этим данным для входа: [данные] Открой отчёт "Источники трафика" за последние 30 дней. Мне нужно: - Топ-5 источников по сессиям - Для каждого источника: сессии, отказы, среднее время на сайте - Какой источник показывает лучшее качество трафика (низкий отказ + долгое время) Сделай скриншот отчёта.

Сценарий 3: Автоматизация повторяющихся задач

Мне нужно зарегистрировать аккаунт на [сайт.ru]. Данные для регистрации: - Email: [email] - Имя: [имя] - Компания: [компания] Пройди процесс регистрации. Если попросит подтвердить email — скажи мне, я подтвержу вручную. После регистрации — скажи на какой странице ты оказался и что там написано.

Сценарий 4: Исследование и сбор данных

Зайди на hh.ru и поищи вакансии "контент-маркетолог" в Москве с зарплатой от 100 000. Собери данные по первым 10 результатам: - Название вакансии - Компания - Зарплата (если указана) - Требования (кратко, 3-5 пунктов) - Ссылка на вакансию Оформи в таблицу.

Сценарий 5: Скриншоты для отчётов

Мне нужны скриншоты для ежемесячного отчёта. Зайди по очереди на эти страницы и сделай скриншот каждой: 1. [ссылка на аналитику] 2. [ссылка на отчёт по рекламе] 3. [ссылка на CRM-дашборд] Для каждого скриншота: имя файла = дата_название (например: 2026-04-24_analytics.png) Сохрани в папку ~/reports/2026-04/

Что НЕ умеет Browser Relay

Честно о ограничениях:

CAPTCHA. Агент не обходит капчу. Если сайт защищён hCaptcha или reCAPTCHA — задача провалится на этом шаге.

Двухфакторная аутентификация. Если 2FA присылает код на телефон — агент не может его получить. Нужно вводить вручную.

Скрытый контент через DevTools. Если данные шифруются или защищены на уровне приложения — агент видит то же что видит обычный пользователь.

Постоянная фоновая работа без браузера. Для Headless Browser (работа без открытого Chrome) нужен отдельный скилл Headless Browser. Relay работает только пока Chrome открыт и расширение подключено.

Browser Relay vs Headless Browser: когда что использовать

OpenClaw предлагает два способа браузерной автоматизации:

Browser Relay + Chrome Extension — для задач которые требуют авторизации в твоих аккаунтах, интерактивной работы, или когда важно видеть что делает агент. Используй для: парсинга за авторизацией, задач где нужен твой контекст (cookies, история), отладки.

Headless Browser — для серверных задач, фоновой автоматизации, скрейпинга без авторизации. Не требует открытого Chrome. Используй для: ночных cron-задач, парсинга публичных страниц, когда агент работает на удалённом сервере.

Если работаешь на своём VPS — Headless Browser предпочтительнее для автоматических задач: не требует твоего Chrome, работает 24/7 без участия.

Советы для стабильной работы

За несколько месяцев работы с Browser Relay собрал список вещей которые реально помогают:

Давай агенту время. Если страница загружается медленно или контент подгружается динамически — добавляй в промпт явное указание: "подожди пока страница полностью загрузится". Иначе агент читает DOM до полной загрузки.

Описывай элементы словами, не CSS-селекторами. Браузерная автоматизация на Selenium требует document.querySelector('.btn-primary'). OpenClaw понимает "нажми на синюю кнопку Войти" — и сам разбирается что это за элемент.

Разбивай сложные задачи на шаги. Вместо "зайди в аналитику и собери все данные за месяц" — "зайди в аналитику → открой отчёт Обзор → выбери период Апрель → скопируй данные по источникам". Так агент не теряется.

Используй скриншоты как контрольные точки. Для важных задач проси агента делать скриншот после каждого ключевого шага. Если что-то пошло не так — видишь на каком именно шаге.

Не передавай пароли в открытом виде в общем чате. Если используешь мессенджер как интерфейс — данные для авторизации лучше передавать через переменные окружения или через зашифрованные заметки. В Telegram-чате с агентом пароли видны в истории.

Практический тест за 5 минут

Чтобы понять насколько это меняет возможности агента — попробуй прямо сейчас:

1. Установи скилл и расширение по инструкции выше

2. Напиши агенту:

Зайди на galson.pro/articles и скажи: - Сколько статей на главной странице блога - Заголовок последней опубликованной статьи - Сделай скриншот страницы

Это займёт 30-60 секунд. И даст понимание насколько реальной стала возможность делегировать браузерные задачи агенту.

Часто задаваемые вопросы про Browser Relay

Что такое OpenClaw Browser Relay?

Browser Relay — скилл для OpenClaw, который создаёт мост между AI-агентом и реальным Chrome-браузером через WebSocket и Chrome DevTools Protocol. Агент может навигировать по страницам, кликать, заполнять формы, делать скриншоты — всё что делает обычный пользователь.

Нужен ли открытый Chrome чтобы использовать Browser Relay?

Да. Browser Relay работает через Chrome Extension, которая устанавливается в твой браузер. Chrome должен быть открыт и расширение подключено. Для фоновой автоматизации без браузера — используй скилл Headless Browser.

Безопасно ли давать агенту доступ к браузеру?

Расширение подключается только к твоему OpenClaw-инстансу через личный gateway token. Внешний доступ невозможен. Агент делает только то, что ты ему указываешь. Главный риск — неправильно составленный промпт. Если не уверен — тестируй на неважных задачах сначала.

Почему Browser Relay не видит контент на некоторых сайтах?

Возможные причины: 1) сайт блокирует automation — проверь robots.txt и headers, 2) контент загружается с задержкой — добавь в промпт "подожди 3 секунды после загрузки страницы", 3) за авторизацией — убедись что ввёл данные для входа в промпт.

Можно ли автоматизировать задачи в ClawHub через Browser Relay?

Да, но осторожно. ClawHub сейчас усилил проверки после атаки ClawHavoc. Если автоматизируешь публикацию скиллов или управление аккаунтом — убедись что действия соответствуют ToS платформы.