В Chrome 154 Beta появились новые возможности CSS, WebSocket и WebCrypto

Google выпустила бета-версию Chrome 154. В обновлении авторы получили новые возможности для работы с CSS, веб-программный интерфейс, криптографией и интерфейсами. Среди заметных изменений — плагин возможностей WebSocket, новые методы работы с HTML, сопровождение постквантовых алгоритмов в WebCrypto и улучшения поведения диалогов и всплывающих элементов.

Новые возможности CSS

В Chrome 154 расширили поддержку свойства scroll-marker-group. Теперь оно может работать в двух режимах: links и tabs.

Режим links используется по умолчанию и позволяет создавать навигационные элементы, связанные с якорями страницы. Режим tabs предназначен для сценариев с вкладками, например каруселей с переключением содержимого. При этом браузер учитывает требования доступности: меняются роли элементов и порядок перехода по ним с клавиатуры.

Также появились новые возможности управления оформлением текста:

• text-decoration-inset даёт возможность задавать положение линий подчёркивания, надчёркивания и зачёркивания относительно текста;

• text-decoration-skip-spaces управляет тем, будут ли декоративные линии проходить под пробелами.

Это упрощает разработка эффектов оформления без дополнительных элементов и фоновых изображений.

Помимо этого, Chrome 154 расширил доступность CSS Typed OM для Worker-контекстов. Теперь конструкторы CSSStyleValue, CSSKeywordValue, CSSNumericValue, CSSUnitValue и CSSUnparsedValue доступны внутри воркеров.

Улучшения работы с интерфейсами

В новой версии изменилось поведение закрытия всплывающих окон и диалогов при клике вне области элемента (light dismiss).

Теперь прокрутка на сенсорных устройствах и нажатие правой кнопки мыши не будут случайно закрывать такие элементы. Для обработки закрытия браузер переходит на события click вместо комбинации pointerdown и pointerup.

Также появилась возможность разрабатывать адаптивные <iframe>. Родительская веб-страница может учитывать размеры содержимого внутри фрейма и автоматически подстраивать размеры элемента, уменьшая необходимость добавлять отдельную логику для прокрутки.

Изменения в JavaScript и Web api

В JavaScript-итераторах появился способ includes(). Он позволяет проверять, содержит ли итератор определённое значение, аналогично методу Array.prototype.includes() у массивов.

В конструкторе WebSocket появилась поддержка объекта настроек. Теперь параметры подключения можно передавать через словарь WebSocketInit, в частности:

const socket = new WebSocket( "wss://example.com", { protocols: "soap" }
);

Свежий формат оставляет функция добавлять дополнительные параметры в будущих версиях api.

WebCrypto получил поддержку новых алгоритмов

Chrome 154 расширяет набор алгоритмов в Web Cryptography программный интерфейс. В браузере появились реализации алгоритмов, устойчивых к атакам с использованием квантовых вычислений:

• ML-KEM;

• ML-DSA;

• ChaCha20-Poly1305;

• X-Wing.

Алгоритмы основаны на стандартах, разработанных NIST для постквантовой криптографии.

Изменения для Background Fetch и безопасности

программный интерфейс Background Fetch теперь применяет проверки CORS и правила Local Network Access так же, как обычные запросы через Fetch api.

Это закрывает возможность обходить ограничения безопасности за счёт использования фоновых загрузок вместо стандартных сетевых запросов.

Новые методы вставки HTML

В Chrome 154 появились обновлённые методы динамической вставки HTML.

Вместо insertAdjacentHTML() теперь можно использовать методы позиционной вставки:

• before();

• after();

• append();

• prepend();

• replaceWith().

Также добавлены потоковые методы вставки HTML, работающие через WritableStream. Это даёт возможность эффективнее обрабатывать динамически загружаемое содержимое.

WebGPU и другие изменения

Для WebGPU добавлена функция использовать модификаторы less и greater для @builtin(frag_depth) в WGSL. Это даёт возможность сохранять оптимизации раннего тестирования глубины (early-Z), которые могли отключаться при использовании значения без модификаторов.

Также появилась экспериментальная сопровождение Private Verification Tokens (PVT). Алгоритм даёт возможность переносить доверие к пользователю из обычного режима браузера в приватный режим, уменьшая количество проверок вроде CAPTCHA при сохранении ограничений конфиденциальности.

Chrome 154 Beta уже доступен для тестирования на Windows, macOS, Linux и Android. Разработчикам веб-приложений рекомендуется проверить совместимость своих проектов с новыми возможностями до выхода стабильной версии.

Разобраться глубже в инструментах веб-разработки и проверить новые возможности на практике помогут бесплатные уроки от преподавателей курсов.

• 16 сентября в 20:00. «Создаём первое приложение на Vue 3 с Composition api». Записаться

• 22 сентября в 20:00. «Playwright JS: как быстро начать писать автотесты?». Записаться