Функция автоматического подключения позволяет напрямую подключить вашего ИИ-агента к активному экземпляру браузера. Это дает возможность агенту обходить ограничения песочницы, наследуя текущие вкладки, расширения браузера и состояние работающего приложения.
Наследование контекста вашего рабочего процесса позволяет вашему агенту переходить от написания кода к отладке состояния браузера в реальном времени без потери данных сессии. Это полезно, когда вы уже достигли определенного состояния приложения (например, сложного процесса оформления заказа или ошибки, воспроизведенной вручную) и хотите, чтобы ваш агент взял на себя техническое расследование, не выполняя эти шаги вручную.
Перед включением автоматического подключения учтите следующее:
- Безопасность и конфиденциальность: Когда включено автоматическое подключение, ваш агент имеет доступ ко всем данным вашего профиля браузера, включая открытые вкладки, хранилище сессий, локальное хранилище, файлы cookie и другие данные, предоставляемые через API JavaScript.
- Гарантия конфиденциальности данных: сервер Chrome DevTools for agents — это локальный процесс, который не отправляет данные вашего браузера, токены сеансов или телеметрию в Google.
- Доверие и подсказки: Используйте этот режим только с агентами, которым вы доверяете, и будьте осторожны с информацией, которую вы указываете в подсказках.
Предварительные требования
Перед использованием функции автоматического подключения убедитесь, что у вас есть следующее:
- Chrome 144+ : Для автоматического подключения требуются современные протоколы отладки, присутствующие в текущих версиях Chrome.
- Правильный канал Chrome : по умолчанию ваш агент подключается к стабильной версии Chrome. Чтобы использовать версию Canary или Beta, укажите канал в конфигурации.
- Удалённая отладка включена : вручную включите мост между вашим браузером и агентом.
- Правильная конфигурация : Необходимо обновить конфигурацию MCP, добавив флаг
--autoConnect.
Настройте автоматическое подключение
Для настройки функции автоматического подключения на сервере MCP выполните следующие действия:
- В запущенном браузере Chrome перейдите по адресу
chrome://inspect/#remote-debuggingи включите удаленную отладку. Обновите конфигурацию MCP, добавив флаг
--autoConnect:{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["chrome-devtools-mcp@latest", "--autoConnect"] } } }Предложите вашему агенту взаимодействовать с открытым приложением Chrome. Когда Chrome запросит разрешение на проведение сессии, нажмите «Разрешить» .
Теперь ваш агент использует сервер MCP для взаимодействия с запущенным приложением Chrome.
Примеры использования автоматического подключения
Функция автоматического подключения позволяет использовать инструменты или состояния, недоступные в изолированных сессиях Chrome. Например, вместо того, чтобы просить агента войти в систему, что часто не удается, вы можете самостоятельно перейти на нужную страницу и войти в систему. Затем попросите агента взять управление на себя.
В следующих разделах приведены примеры вариантов использования функции автоматического подключения.
Отладка аутентифицированных панелей мониторинга
Внутренние инструменты и частные панели управления часто работают за сложными уровнями единого входа (SSO) или виртуальной частной сети (VPN). Изолированный браузер обычно требует входа в систему, который ваш агент не может обойти. При автоматическом подключении ваш агент наследует вашу активную сессию.
Пример подсказки:
I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?
Пример выполнения агента: Ваш агент идентифицирует существующий процесс Chrome, находит активную вкладку и проверяет дерево специальных возможностей, чтобы определить местоположение элементов. Он также может использовать API JavaScript для оценки конкретных конфликтов.
Исправление текущей вкладки в режиме реального времени
Избегайте ручного воспроизведения ошибок. Вместо того чтобы переводить шаги воспроизведения в новое сообщение для агента в изолированной среде, вы можете попросить своего агента исправить ошибку на активной странице, где вы уже с ней столкнулись.
Пример подсказки:
Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.
Пример выполнения агента: Поскольку агент подключен к активному окну, он анализирует макет и мгновенно применяет исправление. Вы видите, как кнопка перемещается на экране, что подтверждает работоспособность исправления перед обновлением исходного кода.