Chrome DevTools — это набор инструментов веб-разработчика, встроенных непосредственно в браузер Google Chrome. DevTools позволяет оперативно редактировать страницы и быстро диагностировать проблемы, что помогает быстрее создавать более качественные веб-сайты.
Начать Примечания к выпускам

Отладка с помощью ИИ

Узнайте, как инновации в области ИИ в DevTools позволяют вам делать больше и быстрее. Используйте DevTools для агентов , чтобы объединить возможности DevTools с вашими любимыми агентами для программирования.
Gemini поможет вам проанализировать и улучшить стиль, сетевые настройки, исходный код и производительность вашего веб-сайта. Получите помощь с ошибками в консоли и предложения по улучшению кода в панелях «Консоль» и «Исходный код».
Изучите инновации в области искусственного интеллекта.
Предоставьте своим агентам-программистам те же проверенные инструменты, которые вы используете для анализа сетевой активности, записи трассировок и устранения неполадок в веб-приложениях, в рамках вашего рабочего процесса с использованием ИИ.

Подключите сервер Chrome DevTools MCP (Model Context Protocol) к выбранному вами инструменту: Antigravity, Claude Code, Cline, Copilot и другим.

Подробнее
Получите комплексное и действенное представление об эффективности вашей страницы.
Узнайте, как проверять ресурсы, загруженные вашей страницей, и редактировать их из браузера.
Анализируйте и перезаписывайте сетевые запросы и ответы на лету.

Советы по инструментам разработчика

Посмотрите нашу ежемесячную серию видеороликов, в которых в игровой форме рассматриваются распространённые сценарии отладки в DevTools.
Инструменты разработчика Chrome для агентов позволяют вашему агенту проверять адаптивный дизайн, тестировать API, учитывающие местоположение, и имитировать различные скорости процессора или сети.
Lighthouse в Chrome DevTools для агентов позволяет вашему агенту-программисту оценивать качество веб-сайта, выполняя в режиме реального времени проверки доступности, SEO, передовых методов и просмотра веб-страниц агентом.
Ознакомьтесь с обновленной панелью «Производительность», которая покажет вам, как измерять основные веб-показатели (LCP, CLS, INP) и как получать персонализированные рекомендации от Gemini.