Найти в Дзене
Павлин Шарит

Chrome DevTools теперь с MCP

Пропустил новость о том, что у Chrome DevTools появился MCP сервер. А это довольно серьезная штука для тех, кто работает с AI-ассистентами в разработке Если коротко - теперь можно подключить Claude, Cursor или другого AI-помощника напрямую к Chrome через Model Context Protocol (его обсуждали тут и тут). И дать ему полный доступ к инструментам разработчика Что это дает на практике Во-первых, можно попросить AI проанализировать производительность любого сайта - он откроет браузер, запишет performance trace и выдаст конкретные рекомендации по оптимизации. Раньше пришлось бы делать это вручную, копировать данные, объяснять ассистенту что к чему Во-вторых, полноценная отладка - AI получает доступ к сетевым запросам, консоли браузера, может делать скриншоты и DOM snapshots. Можно просто сказать "проверь почему этот запрос падает" и он сам разберется В-третьих, надежная автоматизация через Puppeteer под капотом - AI не просто выполняет действия, он автоматически ждет результатов, обрабаты

Chrome DevTools теперь с MCP

Пропустил новость о том, что у Chrome DevTools появился MCP сервер. А это довольно серьезная штука для тех, кто работает с AI-ассистентами в разработке

Если коротко - теперь можно подключить Claude, Cursor или другого AI-помощника напрямую к Chrome через Model Context Protocol (его обсуждали тут и тут). И дать ему полный доступ к инструментам разработчика

Что это дает на практике

Во-первых, можно попросить AI проанализировать производительность любого сайта - он откроет браузер, запишет performance trace и выдаст конкретные рекомендации по оптимизации. Раньше пришлось бы делать это вручную, копировать данные, объяснять ассистенту что к чему

Во-вторых, полноценная отладка - AI получает доступ к сетевым запросам, консоли браузера, может делать скриншоты и DOM snapshots. Можно просто сказать "проверь почему этот запрос падает" и он сам разберется

В-третьих, надежная автоматизация через Puppeteer под капотом - AI не просто выполняет действия, он автоматически ждет результатов, обрабатывает диалоги, загружает файлы

Добавляется элементарно

Для Claude Code:

claude mcp add chrome-devtools npx chrome-devtools-mcp@latest

Для Codex:

codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

И все - можно писать промпт типа "проверь производительность developers.chrome.com" и наблюдать как AI открывает браузер и делает свою работу

Задумался после этого - когда уже у каждого десктопного приложения появится нормальное API для программных запросов? Лично мне очень не хватает такого для Word - замучился форматировать документы вручную, хотелось бы просто описать что нужно и получить готовый результат