Новое в 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-интерфейсы веб-платформы и находят проблемы на вашем сайте раньше, чем это сделают пользователи.

Читайте также
AdonisJS v6: Полный переход на современные стандарты JavaScript
AdonisJS v6: Полный переход на современные стандарты JavaScript
AdonisJS v6: Полный переход на современные стандарты JavaScript

Переход на современные стандарты Ключевое изменение в AdonisJS v6 – полная поддержка современных стандартов JavaScript: ECMAScript Modules (ESM) и TypeScript. Это обеспечивает совместимость с последними версиями пакетов и повышает безопасность благодаря доступу к актуальным исправлениям уязвимостей. Приложения AdonisJS v6 теперь по умолчанию используют TypeScript и ESM, однако разработчики по-прежнему могут устанавливать и применять пакеты, написанные […]

Технологические прогнозы на 2024 год: ИИ, Mojo и блокчейн
Технологические прогнозы на 2024 год: ИИ, Mojo и блокчейн
Технологические прогнозы на 2024 год: ИИ, Mojo и блокчейн

Блокчейн, искусственный интеллект, антиконкурентная деятельность и новый язык программирования Mojo наверняка займут первые строчки в медиа в 2024 году. Предлагаем пять прогнозов о технологиях, которые, по нашему мнению, произойдут в предстоящем году:

В США создают консорциум для регуляции AI
В США создают консорциум для регуляции AI
В США создают консорциум для регуляции AI

США хотят ограничить разработку AI попыткой регулировать

Что ждать от jQuery v4
Что ждать от jQuery v4
Что ждать от jQuery v4

В феврале команда jQuery предоставила бета-версию новой библиотеки jQuery 4.0.0.Это является тестовым релизом, но в ближайшее время ожидается стабильная версия. Это версия добавляет значительные изменения с целью оптимизации и для соответствия современным стандартам веб-разработки. И посмотрим ключевые моменты которые пришли с этим релизом: