Новое в DevTools (Chrome 119)
Кратко рассказываем какие обновления появились в DevTools (Chrome 119).
Кратко рассказываем какие обновления появились в DevTools (Chrome 119).
Улучшили @property раздел «Элементы» > «Стили»
Редактируемое правило @property
Теперь можно редактировать @propertyправило CSS в соответствующем разделе на панели «Элементы» > «Стили» .
DevTools отображает нередактируемые правила курсивом.
@property Сообщается о проблемах с недействительными правилами
На вкладке «Проблемы» теперь сообщается о проблемах с недопустимыми объявлениями в правилах @property.
Обновлен список устройств для эмуляции
Строки пользовательского агента в разделе «Настройки» > «Устройства» были обновлены, чтобы отражать среднее использование браузеров и операционных систем. Теперь вы можете эмулировать больше современных устройств в режиме устройства .
Красивая печать встроенного JSON в тегах скриптов в источниках
Панель « Источники» теперь поддерживает красивую печать встроенного JSON в <script>тегах HTML для упрощения отладки.
Автозаполнение приватных полей в консоли
Теперь можно автоматически заполнять поля приватного класса при их оценке вне области действия класса в консоли.
Маяк 11.1.0
На панели «Маяк» теперь работает Lighthouse 11.1.0. См. полный список изменений .
Чтобы узнать основы использования панели Lighthouse в DevTools, см. Lighthouse: оптимизация скорости веб-сайта .
Улучшения доступности
В программах чтения с экрана теперь будет следующее:
- Предупреждения и ошибки в Консоли .
- Текст в разделе «Доверяете ли вы этому коду?» диалоговое окно при вставке кода в консоль или источники .
На панели «Приложение» исправлены проблемы с контрастностью ссылок в режиме высокой контрастности.
Прекращение поддержки веб-SQL
Раздел «Приложение» > « Web SQL» будет удален в Chrome 123, поскольку API базы данных Web SQL больше не поддерживается . В этой версии в раздел добавлено предупреждение о предстоящем удалении.
Дополнительные сведения см. в разделе Устаревание и удаление Web SQL .
Проверка соотношения сторон скриншота в разделе «Приложение» > «Манифест»
Раздел «Приложение» > «Манифест» теперь проверяет, имеют ли снимки экрана вашего веб-приложения с одинаковым форм-фактором ( wideили narrow) одинаковое соотношение сторон.
Дополнительные сведения см. в разделах «Отладка прогрессивных веб-приложений» и «Добавление манифеста веб-приложения» .
Разное
Некоторые исправления и улучшения в этом выпуске:
- Элементы :
- Образцы функций синхронизации анимации не отображаются для расширенных свойств CSS под расширяемыми сокращенными свойствами ( 1149182 ).
- На данный момент автозаполнение
contain-intrinsic-*не выдает неверное единственное значениеauto, поскольку оно должно бытьauto <length>( 1480415 ). -webkit-*Удалена поддержка устаревших и недействительных свойств ( 1086089 , 1030765 ).
- Точки останова: исправлена ошибка с исчезновением диалогового окна редактирования точки останова при изменении типа точки останова ( 1485782 ).
- Производительность :
- Сеть : в столбце «Установить файлы cookie» теперь отображается правильное количество установленных файлов cookie, исключая заблокированные ( 1486903 ).
- Расширения DevTools теперь загружаются после перехода на незаблокированный хост ( 1476264 ).
- Исправлена ошибка с некорректным контекстом выполнения скрипта для расширений ( 1275331 ).
Предварительный просмотр каналов
Рассмотрите возможность использования Chrome Canary , Dev или Beta в качестве браузера для разработки по умолчанию. Эти каналы предварительного просмотра дают вам доступ к новейшим функциям DevTools, тестируют передовые API-интерфейсы веб-платформы и находят проблемы на вашем сайте раньше, чем это сделают пользователи.
