Создано: 18.06.2026 | Денис (DevOps) | Задача #1029
Chrome DevTools MCP — MCP-сервер от Google, который даёт AI-агентам доступ к Chrome DevTools через Model Context Protocol. Агент может открывать страницы, делать скриншоты, запускать Lighthouse-аудиты, анализировать консольные ошибки и сетевые запросы — всё как живой разработчик в браузере.
Пакет: chrome-devtools-mcp (npm, v0.19.0)
Репозиторий: https://github.com/ChromeDevTools/chrome-devtools-mcp
Агент (QA Сергей / Python-dev Илья / Designer Артём)
│
▼
OpenClaw Gateway (:18789)
│
├── MCP Client Registry (mcp.servers.chrome-devtools)
│ │
│ ▼ (stdio spawn)
│ npx chrome-devtools-mcp@latest --headless
│ │
│ ▼
│ Chrome (headless, свой экземпляр)
│ │
│ ▼
│ site-dev.poreklame.tech / poreklame.tech
│
└── Browser Tool (отдельный Chrome, CDP :18800)
Два разных Chrome:
browser tool)Конфликта нет — разные процессы, разные порты.
29 инструментов в полном режиме:
| Инструмент | Описание |
|---|---|
navigate_page |
Перейти по URL |
new_page |
Открыть новую вкладку |
close_page |
Закрыть вкладку |
select_page |
Выбрать активную вкладку |
list_pages |
Список открытых вкладок |
| Инструмент | Описание |
|---|---|
click |
Клик по элементу |
hover |
Наведение на элемент |
drag |
Перетаскивание |
fill |
Заполнить поле |
fill_form |
Заполнить форму целиком |
type_text |
Ввод текста |
press_key |
Нажатие клавиши |
upload_file |
Загрузка файла |
wait_for |
Ожидание элемента/текста |
| Инструмент | Описание |
|---|---|
take_screenshot |
Скриншот страницы |
take_snapshot |
Текстовый снапшот (a11y-дерево) |
take_heapsnapshot |
Снапшот памяти (heap) |
resize_page |
Изменить размер вьюпорта |
emulate |
Эмуляция устройства/сети |
| Инструмент | Описание |
|---|---|
list_console_messages |
Все сообщения консоли |
get_console_message |
Детали конкретного сообщения |
list_network_requests |
Все сетевые запросы |
get_network_request |
Детали конкретного запроса |
evaluate_script |
Выполнить JS на странице |
| Инструмент | Описание |
|---|---|
lighthouse_audit |
Запустить Lighthouse-аудит |
performance_start_trace |
Начать запись трассировки |
performance_stop_trace |
Остановить запись |
performance_analyze_insight |
Анализ LCP, CLS, TBT и т.д. |
| Инструмент | Описание |
|---|---|
handle_dialog |
Обработать alert/confirm/prompt |
Сервер зарегистрирован в openclaw.json:
{
"mcp": {
"servers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest", "--headless"],
"enabled": true,
"requestTimeoutMs": 60000
}
}
}
}
Параметры запуска:
--headless — без GUI (обязательно на сервере)--slim — только 3 инструмента для экономии токенов (НЕ используется)--no-usage-statistics — отключить телеметрию Google (опционально)--no-performance-crux — отключить запросы к Google CrUX API1. chrome-devtools__navigate_page → url=https://site-dev.poreklame.tech/
2. chrome-devtools__take_screenshot → скриншот всей страницы
3. chrome-devtools__list_console_messages → ошибки в консоли
4. chrome-devtools__lighthouse_audit → производительность и a11y
1. chrome-devtools__navigate_page → url=страница
2. chrome-devtools__take_snapshot → текстовый снапшот
3. chrome-devtools__resize_page → 375x812 (мобильный)
4. chrome-devtools__take_screenshot → скриншот в мобильном виде
1. chrome-devtools__navigate_page → url=страница
2. chrome-devtools__performance_start_trace → начинаем запись
3. chrome-devtools__click → взаимодействие
4. chrome-devtools__performance_stop_trace → заканчиваем
5. chrome-devtools__performance_analyze_insight → анализ LCP
MCP-инструменты (bundle-mcp) доступны всем агентам по умолчанию. Чтобы запретить конкретному агенту:
{
"agents": {
"list": [
{
"id": "agent-name",
"tools": {
"deny": ["bundle-mcp"]
}
}
]
}
}
Агенты использующие DevTools MCP:
# Проверить статус
openclaw mcp status --verbose
# Проверить доступность сервера
openclaw mcp probe chrome-devtools --json
# Диагностика
openclaw mcp doctor chrome-devtools --probe
# Перезагрузить без рестарта гейтвея
openclaw mcp reload
# Отключить сервер (без удаления конфига)
openclaw mcp configure chrome-devtools --disable
# Включить обратно
openclaw mcp configure chrome-devtools --enable
# Удалить сервер
openclaw mcp unset chrome-devtools
# Включить slim-режим (экономия токенов)
openclaw mcp set chrome-devtools '{"command":"npx","args":["-y","chrome-devtools-mcp@latest","--headless","--slim"]}'
29 MCP-инструментов добавляют ~3-5K токенов в системный промпт. OpenClaw использует searchable-режим — инструменты не загружаются в контекст пока агент их явно не запросит.
Для агентов НЕ работающих с браузером — нулевое влияние.
Для QA/фронтенд-агентов — окупается: один скриншот с консольными ошибками экономит часы ручной отладки.
Если агент использует только базовые функции (открыть страницу + скриншот + консоль) — slim даст 3 инструмента вместо 29, экономя токены.
Chrome уже установлен на Server 1:
curl -fsSL https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb -o /tmp/chrome.deb
sudo dpkg -i /tmp/chrome.deb
sudo apt-get install -f -y
Путь: /usr/bin/google-chrome-stable
Версия: 149 (.deb, не snap)