К содержимому
Claude Code с 0:полный курс
Уровень 6 · Факультатив 8 мин Проверено автором · 12 окт. 2026 г. Сверено с Claude Code v2.1.287 · 12 окт. 2026 г.

Claude в Chrome

С claude --chrome Claude Code открывает вкладки в твоём настоящем браузере, читает консоль и делает скриншоты. Удобно для проверки вёрстки — но он действует с твоими входами на сайты. Когда входы не нужны, безопаснее Chrome DevTools MCP с временным профилем и закреплённой версией.

Уровень 6 · 0 / 4 уроков0%

Claude поправил вёрстку и говорит «готово». Но увидеть страницу он не может — если не дать ему браузер. Claude in Chrome подключает Claude Code к браузеру, которым ты пользуешься каждый день: он открывает свои вкладки в видимом окне, читает консоль, делает скриншоты, а на странице входа или капче останавливается и ждёт тебя.

Что нужно

  • Google Chrome или Microsoft Edge с расширением Claude in Chrome версии 1.0.36 или новее;
  • план Pro, Max, Team или Enterprise и вход через /login. Если ты вошёл по API-ключу, интеграция с Chrome выключена;
  • macOS, Linux или обычная Windows. В WSL не работает.

Запуск

claude --chrome

В первый раз появится окно с пояснением — нажми Enter. Затем проверь:

/chrome

Нужны две строки: Status: Enabled и Extension: Installed. Если расширение не находится — выйди из Claude Code, перезапусти Chrome и снова запусти claude --chrome. В первый раз Claude Code ставит файл подключения, а Chrome читает его только при старте.

Теперь можно просить:

Открой http://127.0.0.1:8000/ui-demo.html, скажи, что показывает страница,
прочитай консоль (перезагрузи, чтобы поймать ошибки при загрузке) и сохрани скриншот.

Каждое действие начинается с запроса Claude in Chrome wants to. Для локальной страницы можно разрешить все действия на время сессии. Дальше обычный цикл: Claude находит ошибку в консоли, чинит код, перезагружает страницу и делает новый скриншот — уже как доказательство.

Если Claude не берётся за браузер — запусти сессию с --chrome или выбери в /chrome пункт Enabled by default. Но тогда инструменты браузера грузятся в каждую сессию и занимают .

Альтернатива без твоих входов

Главное отличие Claude in Chrome — он разделяет состояние входа твоего браузера. Claude может дотянуться до любого сайта, где ты залогинен. Какие сайты ему можно смотреть, нажимать и заполнять, решают разрешения расширения.

Если задаче входы не нужны — а для проверки своей страницы они почти никогда не нужны, — возьми -сервер Chrome DevTools с временным профилем. Его стоит запускать так:

claude mcp add --env CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS=1 --transport stdio chrome-devtools \
  -- npx -y chrome-devtools-mcp@1.10.1 --isolated --no-usage-statistics --no-performance-crux
ЧтоЗачем
@1.10.1точная версия: пакет не сменится сам между запусками
--isolatedвременный профиль браузера — без твоих входов
--no-usage-statisticsне отправлять статистику использования в Google
--no-performance-cruxне отправлять адреса из трассировок производительности в CrUX API
CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS=1не проверять обновления в npm

Чтобы сервер был у всей команды, то же самое записывают в .mcp.json в корне репозитория и коммитят. Учти: страницы всё равно грузятся из сети, а сервер показывает Claude всё, что есть в этом браузере.

Мини-проверка

Нужно проверить, что твоя локальная страница на 127.0.0.1 рисуется без ошибок в консоли. Что безопаснее?

Осторожно

Claude in Chrome действует с твоими входами: почта, банк, рабочие системы — всё, где ты залогинен в этом браузере. Ограничивай его сайтами, которые нужны задаче, и читай каждый запрос «Claude in Chrome wants to», прежде чем разрешить сайт. Пункт Enabled by default в /chrome держит браузер подключённым в каждой сессии — включай его, только если браузер нужен постоянно.

Практика в терминале

Запиши в .mcp.json сервер chrome-devtools: команда npx, аргументы -y, chrome-devtools-mcp@1.10.1, --isolated, --no-usage-statistics, --no-performance-crux и переменная CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS со значением 1.

Проверь себя

Отвечено 0/3
Режим:

Чем Claude in Chrome принципиально отличается от Chrome DevTools MCP с флагом --isolated?

Ты работаешь в WSL и запускаешь claude --chrome. Что будет?

/chrome показывает, что расширение не найдено, хотя оно стоит. Что сделать в первую очередь?

Выполни задание в терминале и ответь на вопросы, чтобы завершить урок.

📝 Мои заметки

Сохраняется автоматически в этом браузере · видно на странице «Заметки».

ЗаданиеПопробуй сам — подсказка под кнопкой ниже

Подключи к проекту Chrome DevTools MCP так, чтобы браузер получал временный профиль, пакет был закреплён на версии 1.10.1, а статистика, запросы в CrUX и проверка обновлений были выключены. Запиши это в .mcp.json.

Tab дополнить · ↑ прошлые · Ctrl+L очистить · help команды

  • Не выполнено: Пакет закреплён на точной версии
  • Не выполнено: Браузер получает временный профиль
  • Не выполнено: Статистика использования выключена
  • Не выполнено: Проверка обновлений выключена

Вопросы и ответы по уроку

Чем Claude in Chrome принципиально отличается от Chrome DevTools MCP с флагом --isolated?

Через расширение Claude может дотянуться до любого сайта, где ты вошёл. Временный профиль ничего о тебе не знает — для проверки локальной страницы этого обычно хватает.

Ты работаешь в WSL и запускаешь claude --chrome. Что будет?

Claude in Chrome работает на macOS, Linux и в обычной Windows, но не в WSL. Ещё он выключен, если ты вошёл по API-ключу, а не по плану.

/chrome показывает, что расширение не найдено, хотя оно стоит. Что сделать в первую очередь?

В первый раз Claude Code ставит файл подключения, а Chrome читает его только при старте. Перезапуск браузера обычно всё решает.

Нужно проверить, что твоя локальная страница на 127.0.0.1 рисуется без ошибок в консоли. Что безопаснее?

Временный профиль не знает твоих сессий. Claude in Chrome оправдан, когда задаче действительно нужен твой вход, — и тогда разрешай только нужные сайты.

Листай уроки клавишами ← → · поиск по ⌘K