Предоставьте своему программисту доступ к возможностям DevTools через сервер DevTools MCP или его специализированный интерфейс командной строки и навыки.

Подробнее на GitHub

MCP-сервер

Chrome DevTools работает со всеми агентами, поддерживающими серверы MCP: Gemini CLI, Antigravity, Claude Code, Codex и другими. Используйте сервер MCP, чтобы сообщать вашему агенту о возможностях DevTools в каждой сессии.
В качестве более эффективной с точки зрения использования токенов альтернативы серверу MCP вы можете использовать Chrome DevTools CLI. Пакет Chrome DevTools MCP server включает в себя специализированный навык, который обучает вашего агента программирования написанию скриптов, используя те же мощные инструменты, что и сервер MCP.

Установить сейчас

И MCP-сервер, и CLI входят в один пакет. Скачайте их для выбранного вами агента программирования. Инструкции для самых популярных агентов вы найдете ниже, а инструкции для более чем 20 агентов — на GitHub.

  # Either MCP only:
  gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
  # Or as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Either MCP only:
  claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
  # Or as a plugin (MCP+Skills):
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  /plugin install chrome-devtools-mcp
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

После установки сервера DevTools MCP или CLI попробуйте выполнить несколько команд для начала работы! Запросите аудит Lighthouse, заполните форму или запросите снимок экрана — все это через ваш агент. Чтобы увидеть все эти возможности в действии, попробуйте, например, следующую команду:

  Visit developer.chrome.com and run a search for "devtools",
  while recording a performance trace.
  Let me know how I can improve the website's performance.

В этом запросе используются инструменты для создания новой страницы, взаимодействия с поисковой строкой и выполнения трассировки производительности, включая данные CrUX!


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