Что нового в Chrome 118

Кратко рассказываем об обновлениях Chrome.

CSS @scope

Новое правило CSS @scope at-rule позволяет разработчикам применять стили к элементам в зависимости от их отношения к заданному корню описания. Это отличается от обычных CSS-стилей, которые основаны на порядке и иерархии элементов. @scope также упрощает управление стилями в больших проектах, избегая конфликтов имен и облегчая стилизацию компонентов, не затрагивая их вложенные элементы.

Пример использования:

@scope (.red) {
    button {
      background-color: red;
    }
}

scripting и мультимедийные функции prefers-reduced-transparency

Добавлены два новых значения в медиазапросах — scripting и prefers-reduced-transparency, которые помогают адаптировать пользовательский опыт. С помощью scripting можно определить наличие скриптов и применить соответствующие стили. Доступные значения: enabled, initial-only или none. Prefers-reduced-transparency позволяет адаптировать веб-контент к предпочтениям пользователя по уменьшению прозрачности в операционных системах, таких как настройка «Уменьшить прозрачность» в macOS. Возможные варианты: reduce или no-preference.

Улучшения панели source в DevTools

В панели Sources в DevTools улучшена функция workspace: теперь она называется Workspace вместе с другими текстами пользовательского интерфейса. Sources > Workspace позволяет синхронизировать изменения, внесенные в DevTools, с исходными файлами. Теперь можно также перетаскивать и изменять порядок расположения панелей в левой части панели Sources. Новая версия браузера красиво отображает inline JavaScript в различных типах сценариев, таких как module, importmap и speculationrules, а также выделяет синтаксис скриптов типа importmap и speculationrules, содержащих JSON.

Упрощение в Payment Request

Чтобы помочь разработчикам, активация пользователя больше не требуется в Payment Request и Secure Payment Confirmation.

Чаще выпуски

Цикл выпуска Chrome стал короче, стабильные версии будут выпускаться каждые три недели, начиная с Chrome 119, который ожидается через три недели.