Вы дали AI скриншот, чтобы починить frontend. Он угадывал. Теперь не обязан.

Месяцами это был весь workflow. Вы делились снимком сломанного UI. Агент предлагал патч—and вы надеялись, что он совпадёт с тем, что реально делала production.

Такой подход годится для правок layout. Он слаб для проблем, съедающих вечера: медленный API в сетевом трафике, ошибка консоли после login, баг layout в применённых стилях—not в пикселях скриншота.

Обновление Codex от OpenAI в июне 2026 сдвигает эту границу. **Developer mode** даёт Codex контролируемый доступ к **Chrome DevTools Protocol (CDP)** во встроенном браузере Codex и, с расширением Chrome Codex, в обычной сессии Chrome.

Что developer mode реально открывает

CDP — тот же диагностический слой, что в Chrome DevTools—for Codex, когда нужна первопричина, а не догадки по миниатюре.

• **Вывод консоли** — runtime-ошибки, предупреждения и логи, которых не было на скриншоте
• **Сетевой трафик** — тайминги, заголовки и payload за медленными страницами
• **Производительность JavaScript** — профили с реальными узкими местами
• **Состояние страницы** — DOM, применённые стили и контекст layout
• **Проверка** — подтвердить fix на живой странице, не только в сгенерированном коде

OpenAI показала это на медленном chat app: профилирование, сеть, fixes и измерения. Ближе к человеку-frontend-инженеру.

Где работает: встроенный браузер vs Chrome

• **`@Browser`** — встроенный браузер; лучше для локальных dev-серверов и публичных страниц без входа
• **`@Chrome`** — расширение Chrome Codex; лучше с login и расширениями

Включите developer mode в **Settings → Browser → Enable full CDP access**. Админы могут отключить через `browser_use_full_cdp_access = false` в `requirements.toml`.

Безопасность — не мелкий шрифт

Полный CDP помечен повышенным риском. Codex может смотреть вкладки, cookies, local storage, сеть, консоль и живое состояние страницы.

OpenAI требует **явного одобрения на каждый сайт** перед полным CDP.

Практические правила:

• **Одноразовый профиль Chrome** для отладки—not личный браузер с паролями
• Одобрять **только отлаживаемый origin**
• Держать **admin-панели prod клиентов** вне браузера агента
• **Именной владелец** на каждый fix после CDP

Developer mode не снимает ответственность. Он даёт агенту лучшие глаза.

Для маркетинговых сайтов и product frontend

Сломанная форма, сторонний скрипт тормозящий Core Web Vitals, hydration mismatch—редко видны только на скриншоте.

Developer mode толкает к **исправлениям на доказательствах**: waterfall сети, консоль, профиль, потом код.

Планка **review** тоже растёт: auth, платежи и персональные данные — вручную.

Чеклист первой сессии

• Developer mode в **тестовом профиле**
• Один **ограниченный баг**
• **`@Browser`** на localhost до `@Chrome` на staging с login
• Подтвердить **сайт + scope** при одобрении
• Попросить Codex **показать находки** в терминах консоли/сети
• **Проверить и измерить** после fix

Отладка по скриншотам была потолком. Доступ CDP — дверь, открытая осознанно, по одному сайту.

Вывод

Не «AI заменил Chrome DevTools». **AI наконец читает те же сигналы, что DevTools**—с явным одобрением и реальными компромиссами безопасности.

Одноразовые профили. Одобрение по сайту. Владелец на каждый merge. Нужно второе мнение, куда вписывается agent-assisted debug в ваш marketing site или product frontend? Напишите.