Инструмент: Браузер
Как агент WorkAI открывает страницы во встроенной вкладке: превью вёрстки с автообновлением, клики и ввод, скриншоты, что спрашивает и чего не видит.
Агент может открыть страницу во встроенной вкладке WorkAI: проверить вёрстку, пройти форму, снять скриншот, посмотреть ошибки в консоли. Отдельно ставить браузер или подключать MCP для этого не нужно.
Два разных сценария, их не стоит путать:
- Превью вашей вёрстки. Агент только что собрал или поправил страницу в проекте — вкладка открывается рядом с чатом и сама обновляется при сохранении.
- Сайт в интернете или на localhost. Нужно пройти вход, проверить живой интерфейс, кликнуть по кнопкам. Это уже обычный браузер, не превью файла.
Как это выглядит
Действия агента видны в чате: переход, клик, скриншот. Само окно — вкладка редактора, как файл, а не отдельная программа.
Если это проект на Vite, Next.js, Astro и похожих, агент поднимает dev-сервер проекта и открывает тот адрес, который сервер сам выдал. Дублировать live-server через терминал не нужно. Для простой HTML-страницы поднимается лёгкий локальный сервер, и соседние CSS, JS и картинки подхватываются сами.
В Создателе тот же приём: после сборки агент открывает превью и при сомнении сверяется скриншотом, а не пишет «готово» вслепую.
Возможности
Отдельно включать браузер не нужно — агент выбирает его сам, когда задаче нужна живая страница.
Навигация
Открыть адрес, перейти по ссылке, назад, вперёд, обновить. Локальный файл с диска агент может только показать: читать такую страницу и нажимать на ней элементы нельзя — для этого нужен обычный http:// или https://.
Клик, ввод, наведение
Нажать кнопку или ссылку, в том числе правой кнопкой и двойным кликом. Заполнить поле, нажать Enter или Tab. Навести курсор, чтобы проверить подсказку или меню. Перетащить элемент — например, пункт в списке.
Если страница показала alert / confirm или диалог выбора файла, агент может на него ответить.
Скриншот
Снимок видимой области или отдельного элемента. Так агент оценивает внешний вид, а не только текст.
Что агент читает на странице
Не картинку, а текстовый снимок: заголовок, адрес, видимый текст, ссылки, кнопки и поля. Вместе с ним приходят недавние ошибки и предупреждения консоли, необработанные сбои JavaScript и запросы, которые не выполнились.
Чего в этом снимке нет: успешных запросов с телами и заголовками, обычных console.log, значений полей, которые страница скрыла. «Полного сетевого трафика» у агента нет — только то, что сломалось.
Свою вкладку, которую вы открыли сами, агент не видит, пока вы ею не поделитесь. Если он просит адрес, который у вас уже открыт и не расшарен, WorkAI предложит поделиться вкладкой вместо второй копии.
Сохранение сессий
Вход, который вы прошли один раз, обычно работает и в следующий раз: cookie и данные сайта остаются между запусками.
В настройках встроенного браузера можно выбрать, как это хранить:
- общее хранилище на все локальные проекты;
- отдельное хранилище на каждый проект;
- ничего не запоминать — всё исчезает вместе с вкладкой.
В непроверенном проекте (Workspace Trust не выдан) хранилище всегда временное. Очистить данные можно из палитры команд — пункты очистки хранилища браузера.
Примеры задач
Проверка вёрстки после правки:
Открой превью страницы, которую только что поправил, и проверь, что форма входа не уезжает на узком экране.
Проход сценария:
Открой localhost, заполни форму тестовыми данными, нажми «Отправить» и посмотри, какое сообщение об ошибке появляется.
Доступность:
Проверь контраст, подписи полей, навигацию с клавиатуры и картинки без альтернативного текста.
Сверка с макетом — приложите скриншот к сообщению:
Сравни текущую страницу с этим макетом и поправь отступы и типографику, где они расходятся.
Безопасность
Новый адрес, переход на другой сайт и редкие действия вне обычного набора кнопок агент показывает вам заранее — с адресом, куда собирается пойти. Пока не разрешите, он не откроет страницу. Клики, ввод, чтение и скриншот на уже открытой странице отдельного вопроса не требуют.
Разрешения те же, что у остальных инструментов: можно выдать «в этом чате», «в этом проекте» или «везде». Подробнее — Режимы и разрешения.
Текст на открытой странице для агента — данные, не команды. Надпись вроде «игнорируй предыдущие инструкции» с сайта он выполнять не будет. Источник задач — ваши сообщения и правила проекта. Модель ограничений — на странице Безопасность агента.
По умолчанию агент может открыть любой адрес, но браузер использует, когда без живой страницы не обойтись: проверка интерфейса, вход, осмотр результата. Читать публичную документацию через браузер он не должен.
Если нужно сузить круг сайтов, в настройках включите фильтр доменов и задайте разрешённые и запрещённые списки (шаблоны вроде *.example.com). Запрет сильнее разрешения. Если фильтр включён, а оба списка пустые — закрыто всё: агент не откроет адрес, не прочитает страницу и не увидит её заголовок в списке вкладок.
Не выдавайте автоподтверждение на незнакомые сайты: агент может уйти не туда или отправить данные формы.
В каких режимах это доступно
| Режим | Превью вёрстки | Сайты и клики |
|---|---|---|
| Агент | Да | Да |
| Обучение | Да | Нет |
| Обсуждение | Нет | Нет |
| Планирование | Нет | Нет |
В режиме планирования браузер недоступен технически, не по договорённости с моделью. В Создателе для самопроверки сборки остаются превью и скриншот. Про режимы чата — Агент — обзор и Режимы и разрешения.
Если страница не открылась
- Превью не стартовало. Обычно не стоят зависимости, нет скрипта
devили занят порт. Поставьте пакеты и попросите повторить; в панели превью есть повторный запуск. - Агент не открывает превью сам. Если файл появился не в этом диалоге, укажите путь явно.
- Агент отказывается открыть сайт. Проверьте фильтр доменов: адрес мог попасть под запрет.
- Агент не видит вашу вкладку. Поделитесь ею — до этого страница для него не существует.
Дальше
- Агент — обзор — режимы чата и остальные возможности.
- Инструмент: Терминал — как агент запускает dev-сервер и тесты.
- Быстрый старт — как агент создаёт и правит файлы, прежде чем показывать их в браузере.