Что нового в DevTools, Chrome 139

Софья Емельянова
Sofia Emelianova
GitHub

Более надежный и производительный Chrome DevTools

В этой версии Chrome DevTools сделал ставку на безупречное качество продукта. Это включало в себя решение широкого спектра известных проблем: от давних визуальных сбоев, проблем с удобством использования и несоответствий в дизайне до проблем с производительностью и функциональностью. В целом, мы сократили количество открытых проблем на 27%.

Мы наконец-то решили некоторые старые проблемы, а также улучшили новые функции, например, панель «Производительность» и функцию помощи ИИ . В результате значительно улучшился общий опыт разработчиков.

В то же время мы проделали огромную работу по улучшению тестового покрытия, исследовали сложные сбои в тестах, перенесли тесты на более надёжную основу и исправили ошибки, обнаруженные в процессе. Нам удалось сократить количество проблем, связанных с тестированием, на 54%.

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

Загрузите изображения в систему ИИ для стилизации

Чтобы обеспечить дополнительный визуальный контекст для ваших подсказок, теперь вы можете не только делать автоматические снимки экрана , но и загружать произвольные изображения в ваши чаты с Gemini на панели помощи ИИ .

Начните разговор с панели «Элементы» , выбрав элемент DOM и нажав Спросите AI , чтобы элемент был указан как контекст беседы . Затем нажмите чтобы добавить изображение в поле ввода.

До и после поддерживаются произвольные загрузки изображений.

Добавить заголовки запроса в таблицу в сети

На панели «Сеть» теперь можно щелкнуть правой кнопкой мыши имя столбца в таблице запросов и выбрать несколько заголовков запросов, чтобы добавить их в качестве столбцов.

До и после добавления в меню опции «Запрос заголовков».

Проблема с хромом: 397481040 .

Ознакомьтесь с основными моментами Google I/O 2025

Если вы еще этого не сделали, попробуйте новые основные функции Chrome DevTools, представленные на Google I/O 2025 , включая, помимо прочего:

Кроме того, ознакомьтесь с новыми сведениями о производительности : дублированный JavaScript и устаревший JavaScript .

Разные моменты

Вот некоторые из многих заметных исправлений и улучшений в этом выпуске:

  • Применение : Теперь есть диалоговое окно подтверждения для очистки хранилища объектов IndexedDB, поскольку это необратимое действие ( crbug.com/326987147 ).
  • Источники : Значки точек журнала и условных точек останова рядом со строками кода теперь при наведении курсора показывают подсказку с соответствующим сообщением журнала или условием ( crbug.com/40266230 ).

  • Производительность :

    • Анализ причин сдвига макета теперь показывает ссылки на изображения без размера ( crbug.com/416449602 ).
    • Анализ обнаружения запросов LCP теперь показывает задержку загрузки изображения после самой ранней точки запуска.
    • Регулирование : Исправлен устаревший формат настроек регулирования, который некоторые пользователи сохраняли локально.
    • Журнал событий : фильтрация получила ускорение ( crbug.com/40783421 ).

  • Анимации : Предварительный просмотр скриншотов устарел, поскольку клик по клику для предварительного просмотра группы анимаций обеспечивает аналогичный и лучший опыт ( crbug.com/330179643 ).

  • Доступность :

    • Добавлены aria-labels на боковую панель Источники > Точки останова DOM , если таковые имеются.
    • Исправлена навигация с помощью клавиш Shift + Tab в текстовом поле «Живое выражение» в консоли ( crbug.com/408398435 , crbug.com/420344137 ).
    • Настройки теперь поддерживают сочетания клавиш для увеличения/уменьшения/сброса: Cmd/Ctrl + +/-/0 ( crbug.com/41484555 ).
    • Элементы > Стили : значки подсказок и предупреждений CSS ( crbug.com/40706851 ), а также часы Angle теперь можно фокусировать с помощью клавиатуры ( crbug.com/401212624 , crbug.com/401213524 ).

Загрузите предварительные версии каналов

Рассмотрите возможность использования Chrome Canary , Dev или Beta в качестве браузера для разработки по умолчанию. Эти предварительные версии предоставят вам доступ к новейшим функциям DevTools, позволят тестировать передовые API веб-платформ и помогут обнаружить проблемы на вашем сайте раньше, чем это сделают ваши пользователи!

Свяжитесь с командой Chrome DevTools

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

Что нового в DevTools

Список всего, что было рассмотрено в серии «Что нового в DevTools» .