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