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

Google выпустила бета-версию Chrome 154. В обновлении разработчики получили новые возможности для работы с CSS, веб-API, криптографией и интерфейсами. Среди заметных изменений — расширение возможностей 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.

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

Изменения в 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 API. В браузере появились реализации алгоритмов, устойчивых к атакам с использованием квантовых вычислений:

• ML-KEM;

• ML-DSA;

• ChaCha20-Poly1305;

• X-Wing.

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

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

API 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: как быстро начать писать автотесты?». Записаться

Источник: habr.com