Если вы пропустили: Modern Web Guidance теперь в стабильной версии

Matthias Rohmer

Alexandra Klepper

Дата публикации: 13 ноября 2026 г.

Если вы регулярно читаете этот сайт, подписаны на Chrome для разработчиков в X, LinkedIn или Bluesky или на этой неделе открывали панель Что нового в Инструментах разработчика, то наверняка уже слышали эту новость. Но для тех, кто был занят работой, сообщаем: Modern Web Guidance теперь доступен в стабильной версии 1.0.

С момента выпуска предварительной версии на Google I/O мы внесли множество улучшений и расширили Modern Web Guidance, начав сотрудничество с Firefox и Edge. На этой неделе мы подробно рассказывали о них в статьях, примерах использования, видео и документах.

В двух словах

Передовые модели часто по умолчанию используют устаревшие шаблоны для веб-разработки. Например, они предпочитают библиотеку анимации JavaScript анимации CSS, управляемой прокруткой, или создают сложные вложенные монстры div вместо использования appearance: base-select для настраиваемых раскрывающихся списков.

Modern Web Guidance решает эту проблему, добавляя краткие руководства по конкретным задачам на основе вашего запроса. Вот что нового в версии 1.0:

• Больше руководств, проверенных экспертами. Они охватывают производительность, стиль, специальные возможности, безопасность, конфиденциальность, формы и многое другое. Каждый навык был проверен техническим экспертом в предметной области и протестирован. Навыки можно просматривать в каталоге руководств.
• Кросс-браузерность по умолчанию. Совместная работа команд, создающих Mozilla Firefox, Microsoft Edge и Google Chrome. Каждое руководство дополнено данными о совместимости с Baseline и резервными вариантами.
• Общедоступный набор тестов. Тысячи запусков тестов, которые можно посмотреть на общедоступной панели оценки. На ней показано, насколько увеличилась доля пройденных тестов.

Прочитайте запись в блоге о выпуске Modern Web Guidance 1.0, чтобы узнать, какие пробелы в знаниях ИИ помогает устранить этот инструмент, как он работает с инструментами разработчика Chrome для агентов и как обновить предварительную версию, представленную на I/O.

Не верьте нам на слово

Как соавторы Modern Web Guidance, мы, конечно, немного предвзяты. Вот что говорят наши партнеры, которые протестировали полный набор ИИ-инструментов для программирования в Chrome в своей повседневной работе:

• Policybazaar и Pensionbazaar. Сократили время на создание новых страниц и количество ошибок в интерфейсе более чем на 90 %, замкнув цикл сборки и проверки. Кроме того, Policybazaar удалось на 92 % сократить время на ручную проверку показателей Core Web Vitals примерно для 30 целевых страниц.
• MetaMask Интегрировали Modern Web Guidance в бота, который проверяет pull-запросы и оставляет рекомендации из трех строк. Бот проверил около 480 pull-запросов, что позволило исправить 43 ошибки, связанные со специальными возможностями и семантическим HTML. Медианное время выполнения составило 15 минут.
• WeTV добавила инструменты разработчика Chrome для агентов и Modern Web Guidance в CI/CD, чтобы автоматически диагностировать и устранять 90 % повторяющихся регрессий CLS, сократив время отладки на 87 %.
• note inc.: Объединила Modern Web Guidance с правилами для своей внутренней системы проектирования, повысив долю успешных проверок на соответствие современным веб-стандартам с 61 % до 94 % и улучшив правильную приоритизацию изображений LCP на 28 %.

Начать

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

npx modern-web-guidance@latest install

Вы также можете изучить альтернативные варианты установки на GitHub.

После настройки вы можете подробно изучить новые варианты использования и узнать, как работает Modern Web Guidance 1.0:

• Модернизация существующих баз кода. Как npx modern-web-guidance@latest legacy-scan сочетает быструю локальную проверку синтаксиса с контекстным анализом агента, чтобы сократить технический долг без лишней суеты.
• Beyond code generation: Continuous developer learning Узнайте, как использовать Modern Web Guidance в качестве интерактивного инструмента для обучения и поиска информации, чтобы быть в курсе современных функций HTML, CSS и Web API при программировании с помощью ИИ-агентов.
• Кроссбраузерность по умолчанию: как работают резервные варианты Baseline. Как в руководствах используются актуальные данные о веб-функциях, чтобы сопоставлять прогрессивное улучшение, запросы @supports и полифилы с целевыми браузерами.
• 10 главных ошибок ИИ в веб-разработке. Узнайте о 10 распространенных проблемах со специальными возможностями, UX, производительностью и безопасностью, из-за которых даже самые передовые модели не проходят около половины проверок.
• Локальный векторный поиск для агентов кодирования: от 507 МБ до цикла из семи строк. Узнайте, как Modern Web Guidance за миллисекунды извлекает нужные руководства из базы знаний, содержащей более 200 руководств, не заполняя окно контекста агента.

Что дальше: агентная веб-разработка с Chrome

Использование Modern Web Guidance с агентом программирования – это отличный старт. Но вы можете (и должны) пойти ещё дальше. Вашему агенту нужен способ запускать, проверять и верифицировать этот код в реальном браузере.

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

В ближайшие недели мы будем отмечать следующую веху в развитии инструментов разработчика Chrome для агентов. Передавать контекст из Chrome агенту станет ещё проще.

Попробуйте Modern Web Guidance 1.0 и поделитесь своим мнением. Modern Web Guidance и инструменты разработчика Chrome для агентов создаются в открытом доступе на GitHub. Если вы заметите, что агент не справляется с какой-то задачей, или у вас есть идеи, что нам стоит улучшить, сообщите нам об этом.