Позвольте вашему агенту кодирования отладить сеанс вашего браузера с помощью Chrome DevTools MCP | Блог | Chrome для разработчиков

Опубликовано: 11 декабря 2025 г.

Мы добавили в сервер Chrome DevTools MCP усовершенствование, о котором просили многие наши пользователи: возможность агентам кодирования напрямую подключаться к активным сеансам браузера.

Благодаря этому усовершенствованию агенты кодирования могут:

1. Повторно используйте существующий сеанс браузера: Представьте, что вы хотите, чтобы ваш агент по кодированию исправил проблему, скрытую за входом в систему. Ваш агент кодирования теперь может напрямую получить доступ к вашему текущему сеансу просмотра, не требуя дополнительного входа в систему.
2. Доступ к активным сеансам отладки: Агенты кодирования теперь могут получить доступ к активному сеансу отладки в пользовательском интерфейсе DevTools. Например, когда вы обнаружите неудачный сетевой запрос на сетевой панели Chrome DevTools, выберите запрос и попросите своего агента по кодированию изучить его. То же самое работает и с элементами, выбранными на панели «Элементы». Мы в восторге от этой новой возможности плавного перехода от ручной отладки к отладке с помощью искусственного интеллекта.

Посмотрите это в действии:

Функция автоматического подключения является дополнением к существующим способам подключения Chrome DevTools MCP к экземпляру Chrome. Обратите внимание, что вы все равно можете:

• Запустите Chrome с профилем пользователя, специфичным для сервера Chrome DevTools MCP (текущий по умолчанию).
• Подключитесь к работающему экземпляру Chrome с помощью порта удаленной отладки.
• Запускайте несколько экземпляров Chrome изолированно, причем каждый экземпляр работает во временном профиле.

Как это работает

Мы добавили новую функцию в Chrome M144 (в настоящее время находится в бета-версии), которая позволяет серверу MCP Chrome DevTools запрашивать соединение для удаленной отладки. Этот новый поток строится на основе существующие возможности удаленной отладки Chrome. По умолчанию подключения для удаленной отладки в Chrome отключены. Разработчики должны сначала явно включить эту функцию, перейдя в chrome://inspect#remote-debugging.

Если сервер Chrome DevTools MCP настроен с использованием --autoConnect
вариант, сервер MCP подключится к активному экземпляру Chrome и запросит сеанс удаленной отладки. Чтобы избежать злоупотреблений со стороны злоумышленников, каждый раз, когда сервер Chrome DevTools MCP запрашивает сеанс удаленной отладки, Chrome отображает диалоговое окно пользователю и запрашивает его разрешение на разрешение сеанса удаленной отладки. Кроме того, пока активен сеанс отладки, Chrome отображает вверху баннер «Chrome управляется программным обеспечением для автоматического тестирования».

Начать

Чтобы использовать новые возможности удаленной отладки. Сначала вам необходимо включить удаленную отладку в Chrome, а затем настроить сервер MCP Chrome DevTools для использования новой функции автоматического подключения.

Шаг 1. Настройте удаленную отладку в Chrome

В Chrome (>=144) выполните следующие действия, чтобы настроить удаленную отладку:

1. Перейдите к chrome://inspect/#remote-debugging чтобы включить удаленную отладку.
2. Следуйте диалоговому интерфейсу, чтобы разрешить или запретить входящие соединения для отладки.

Шаг 2. Настройте сервер MCP Chrome DevTools для автоматического подключения к работающему экземпляру Chrome.

Чтобы подключить chrome-devtools-mcp сервер к работающему экземпляру Chrome, используйте
--autoConnect Аргумент командной строки для набора серверов MCP.

Следующий фрагмент кода представляет собой пример конфигурации Gemini-cli:

{
   "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--channel=beta"
      ]
    }
  }
}

Шаг 3. Проверьте свою настройку

Теперь откройте Gemini-Cli и запустите следующую строку:

Check the performance of https://developers.chrome.com

Сервер Chrome DevTools MCP попытается подключиться к работающему экземпляру Chrome. Он показывает диалоговое окно с запросом разрешения пользователя:

Щелчок Позволять приводит к открытию сервера Chrome DevTools MCP
Developers.chrome.com и отслеживание производительности.

Полные инструкции см. README на GitHub.

Позвольте вашему агенту кодирования взять на себя ваш сеанс отладки

Возможность подключения к работающему экземпляру Chrome означает, что вам не придется выбирать между автоматизацией и ручным управлением. Вы можете использовать DevTools самостоятельно или передать задачу отладки своему агенту кодирования. Если вы обнаружите проблему на своем веб-сайте, вы можете открыть DevTools, чтобы определить элемент, вызывающий проблему. Если вы хотите, чтобы ваш агент кодирования устранил проблему, теперь вы можете сделать это с помощью Chrome DevTools MCP Server. Вы можете выбрать элемент на панели «Элементы» и попросить агента кодирования изучить проблему.

То же самое работает и с панелью «Сеть». Вы можете выбрать сетевой запрос и попросить своего агента кодирования изучить его.

Но это только первый шаг. Мы планируем постепенно предоставлять все больше и больше данных панели агентам кодирования через сервер Chrome DevTools MCP. Следите за обновлениями!