Настройка расширения Claude Code для Chrome для автоматизации браузера
Claude Code может управлять вашим браузером Chrome. Он может перемещаться по страницам, нажимать кнопки, заполнять формы, читать контент и делать скриншоты. Это полезно для тестирования веб-приложений, отладки с помощью логов консоли или автоматизации повторяющихся задач в браузере, не выходя из терминала.
Я пробовал другие MCP для браузеров (Playwright MCP, Puppeteer и т. д.), и расширение для Chrome заметно быстрее. Оно подключается к вашей реальной сессии браузера, поэтому использует ваше состояние входа в систему. Не нужно запускать безголовые браузеры, не нужны отдельные процессы аутентификации. Если вы вошли в Gmail, Notion или в свою тестовую среду, Claude Code может немедленно взаимодействовать с этими страницами.
В официальной документации все описано подробно. Эта статья — краткая версия.
Что вам понадобится
- Google Chrome или Microsoft Edge
- Расширение Claude in Chrome (версии 1.0.36+) из Chrome Web Store
- Claude Code версии 2.0.73 или выше
- Прямой план Anthropic (Pro, Max, Teams или Enterprise). Это не работает через Bedrock или Vertex
Настройка
Установите расширение из Chrome Web Store. Это основной шаг. Claude Code позаботится об остальном.
Затем запустите Claude Code с флагом --chrome.
claude --chromeЕсли вы уже находитесь в сессии, введите /chrome для подключения без перезапуска.
При первом запуске Claude Code устанавливает конфигурационный файл хоста нативного обмена сообщениями, который Chrome считывает при запуске. Если расширение не обнаружено при первой попытке, перезапустите Chrome и попробуйте снова.
Если вы хотите, чтобы Chrome был включен по умолчанию, и вам не приходилось каждый раз указывать --chrome, выполните /chrome и выберите «Включено по умолчанию». Однако стоит учесть один момент. Включение по умолчанию увеличивает потребление контекста, поскольку инструменты браузера всегда загружены. Я использую флаг только тогда, когда это необходимо.
Использование
После подключения просто скажите Claude, что делать в браузере. Он открывает новые вкладки для задач браузера, и вы можете наблюдать за всем в режиме реального времени.
Открой localhost:3000, попробуй отправить форму с некорректными данными
и проверь, появляются ли сообщения об ошибках.Он также может считывать вывод консоли, что отлично подходит для отладки.
Открой панель управления и проверь консоль на наличие ошибок при загрузке страницы.Для автономных сессий, где Claude Code работает без присмотра, объедините его с --dangerously-skip-permissions, чтобы действия браузера не требовали ручного подтверждения.
claude --chrome --dangerously-skip-permissionsЕсли что-то сломалось
Соединение может прерваться во время длительных сессий, когда сервис-воркер расширения Chrome переходит в спящий режим. Выполните /chrome и выберите «Переподключить расширение», чтобы исправить это.
Если на странице появляется диалоговое окно JavaScript alert или confirm, оно блокирует все события браузера. Claude Code не может его закрыть. Вам придется закрыть его вручную, а затем дать команду Claude продолжить.
Полное руководство по устранению неполадок можно найти в официальной документации.