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

Читайте также
Веб-фреймворк Shiny R появился в Wasm
Веб-фреймворк Shiny R появился в Wasm
Веб-фреймворк Shiny R появился в Wasm

Пакет Shinylive R экспортирует приложения Shiny R в виде Shinylive-приложений с поддержкой Wasm, которые полностью работают в веб-браузере.

В PHP 8.3 появилась возможность типизации констант классов
В PHP 8.3 появилась возможность типизации констант классов
В PHP 8.3 появилась возможность типизации констант классов

В PHP 8.3 было выпущено обновление для серверного языка веб-скриптов. Была добавлена поддержка типизации констант классов, глубокого клонирования свойств, доступных только для чтения, а также были внесены дополнения в функции, связанные с генерацией случайных чисел.

Опубликовали релиз OpenSSH 9.5
Опубликовали релиз OpenSSH 9.5
Опубликовали релиз OpenSSH 9.5

OpenSSH — это 100% реализация протокола SSH 2.0. которая включает поддержку sftp-клиента и сервера.

Microsoft: язык сценариев VBScript устарел
Microsoft: язык сценариев VBScript устарел
Microsoft: язык сценариев VBScript устарел

Microsoft предупреждает, что через некоторое время VBScript будет полностью удалён из новых версий Windows. Сейчас компания оставляет язык, как опцию, чтобы у разработчиков было время для миграции своих систем.