Что нового в DevTools (Chrome 119)

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

Улучшен раздел @property в Elements > Styles.

Редактируемое правило @property

Теперь вы можете редактировать правило CSS @property в соответствующем разделе панели «Элементы > Стили» .

Фотографии «до» и «после», на которых правило свойства стало доступным для редактирования.

Выпуск Chromium: 1471123 .

Сообщается о проблемах, связанных с некорректными правилами @property

Теперь на вкладке "Проблемы" отображаются сообщения о проблемах с некорректными объявлениями в правилах @property .

На вкладке «Проблемы» обнаружена проблема с правилом свойства.

Номер выпуска Chromium: 1473283 .

Обновленный список устройств для эмуляции.

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

Фотографии до и после обновления списка устройств.

Номер выпуска Chromium: 1479733 .

Красивое форматирование JSON непосредственно в тегах <script> в исходном коде

В панели «Источники» теперь поддерживается форматированный вывод JSON непосредственно в HTML-тегах <script> для упрощения отладки.

Встроенный JSON-код до и после форматирования в теге <script>.

Проблемы Chromium: 406900 , 1473875 .

Автозаполнение закрытых полей в консоли

Теперь вы можете использовать автозаполнение для закрытых полей класса при их оценке вне области видимости класса в консоли .

Поддержка автозаполнения полей закрытого класса, находящихся вне области видимости класса, до и после выполнения.

Проблемы с Chromium: 1483848 , 1381806 .

Маяк 11.1.0

В панели Lighthouse теперь используется Lighthouse 11.1.0. Полный список изменений смотрите здесь.

Чтобы узнать основы использования панели Lighthouse в инструментах разработчика, см. статью «Lighthouse: оптимизация скорости веб-сайта» .

Проблемы с Chromium: 772558 .

Улучшения доступности

Теперь программы чтения с экрана будут зачитывать следующее:

  • Предупреждения и ошибки в консоли .
  • Текст в диалоговом окне « Доверяете ли вы этому коду?» при вставке кода в консоль или исходный код .

Кроме того, в панели приложений были исправлены проблемы с контрастностью ссылок в режиме высокой контрастности.

Проблемы Chromium: 1485257 , 1486643 , 1485263 .

Прекращение поддержки Web SQL

Раздел «Приложение > Web SQL» будет удален в Chrome 123, поскольку API базы данных Web SQL больше не поддерживается . В этой версии в раздел добавлено предупреждение о предстоящем удалении.

Предупреждение об устаревании Web SQL.

Для получения дополнительной информации см. раздел «Устаревание и удаление Web SQL» .

Проблемы с Chromium: 1485966 .

Проверка соотношения сторон скриншота в разделе «Приложение > Манифест».

В разделе «Приложение > Манифест» теперь проверяется, имеют ли скриншоты вашего веб-приложения с одинаковым форм-фактором ( wide или narrow ) одинаковое соотношение сторон.

Предупреждение о некорректном соотношении сторон скриншотов с одинаковым форм-фактором.

Для получения дополнительной информации см. разделы «Отладка прогрессивных веб-приложений» и «Добавление манифеста веб-приложения» .

Команда DevTools выражает благодарность Алексею Родионову за внесение этого изменения и других улучшений в отношении предупреждений в манифесте в предыдущей версии.

Проблема с Chromium: 1476656 .

Различные важные моменты

В этом релизе внесены следующие существенные исправления и улучшения:

  • Элементы :
    • Цветовые образцы функций синхронизации анимации не отображаются для длинных свойств CSS в рамках расширяемых сокращенных свойств ( 1149182 ).
    • Автозаполнение для contain-intrinsic-* теперь не выдает неверное значение single auto , потому что должно быть auto <length> ( 1480415 ).
    • Поддержка устаревших и недействительных свойств -webkit-* была удалена ( 1086089 , 1030765 ).
  • Точки останова : Исправлена ​​ошибка, из-за которой исчезало диалоговое окно редактирования точек останова при изменении типа точки останова ( 1485782 ).
  • Производительность :
    • Исправлена ​​ошибка распознавания цвета при записи выступления ( 1480205 ).
    • Исправлена ​​ошибка, из-за которой LCP не отображался на треке таймингов ( 1487136 ).
  • Сеть : В столбце «Установленные cookie» теперь отображается правильное количество установленных cookie, за исключением заблокированных ( 1486903 ).
  • Расширения DevTools теперь загружаются после перехода на незаблокированный хост ( 1476264 ).
  • Исправлена ​​ошибка, связанная с некорректным контекстом выполнения скрипта для расширений ( 1275331 ).

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

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

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

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

Что нового в инструментах разработчика

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