Новое в DevTools (Chrome 119)

Кратко рассказываем какие обновления появились в DevTools (Chrome 119).

Кратко рассказываем какие обновления появились в DevTools (Chrome 119).

Улучшили  @property раздел «Элементы» > «Стили»

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

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

DevTools отображает нередактируемые правила курсивом.

@property Сообщается о проблемах с недействительными правилами

На вкладке «Проблемы» теперь сообщается о проблемах с недопустимыми объявлениями в  правилах @property.

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

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

Красивая печать встроенного JSON в тегах скриптов в источниках

Панель « Источники» теперь поддерживает красивую печать встроенного JSON в <script>тегах HTML для упрощения отладки.

Image

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

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

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

Маяк 11.1.0

На панели «Маяк» теперь работает Lighthouse 11.1.0. См. полный список изменений .

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

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

В программах чтения с экрана теперь будет следующее:

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

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

Прекращение поддержки веб-SQL

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

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

Дополнительные сведения см. в разделе Устаревание и удаление Web SQL .

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

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

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

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

Разное

Некоторые исправления и улучшения в этом выпуске:

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

Предварительный просмотр каналов

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

Читайте также
Опубликовали релиз легковесного http-сервера lighttpd 1.4.73
Опубликовали релиз легковесного http-сервера lighttpd 1.4.73
Опубликовали релиз легковесного http-сервера lighttpd 1.4.73

Он пытается сочетать высокую производительность, безопасность, соответствие стандартам и гибкость настройки.

Бета-версия TypeScript 5.5
Бета-версия TypeScript 5.5
Бета-версия TypeScript 5.5

В конце апреля стала доступна Бета-версия TypeScript 5.5.

Google возьмет всю базу Stack Overflow для своего Gemini
Google возьмет всю базу Stack Overflow для своего Gemini
Google возьмет всю базу Stack Overflow для своего Gemini

Крупная база для разработчиков Stack Overflow запускает для ИИ доступ к своей всей базе через АПИ (OverflowAPI). И главным партнером становится Google, который будет использовать данные Stack Overflow для обучения Gemini. А Google поможет реализовать Stack Overflow мощные функции для проекта OverflowAI, который уже развивается. Обе компании планируют просмотр этих интеграций на конференции Google Cloud […]

В Deno 1.37 улучшили возможности для разработки
В Deno 1.37 улучшили возможности для разработки
В Deno 1.37 улучшили возможности для разработки

Эта интеграция позволяет разработчикам использовать JavaScript и TypeScript в блокнотах Jupyter для анализа данных, машинного обучения и создания интерактивных отчетов.