Google начала тестирование Chrome 154: браузер расширяет возможности CSS для навигации и прокрутки

Google 2 сентября выпустила бета-версию Chrome 154 для Windows, macOS, Linux, ChromeOS и Android. Обновление содержит сразу несколько изменений для веб-разработчиков — от новых возможностей CSS до улучшений WebSocket, iframe и JavaScript.

Одним из заметных нововведений стало расширение CSS-свойства scroll-marker-group. Оно получило режимы links и tabs, благодаря которым разработчики смогут создавать навигационные элементы и интерфейсы, напоминающие вкладки, используя нативные механизмы CSS. При этом браузер автоматически учитывает особенности управления с клавиатуры и требования доступности.

Chrome 154 также добавляет CSS-свойство text-decoration-inset. Оно позволяет задавать, насколько линия подчеркивания, зачеркивания или надчеркивания должна отступать от краев текста либо выходить за них. Еще одно новое свойство — text-decoration-skip-spaces — дает возможность не рисовать декоративные линии под пробелами.

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

В JavaScript Chrome начинает поддерживать метод includes() для итераторов. По назначению он похож на давно существующий Array.prototype.includes() и позволяет проверить наличие определенного значения непосредственно в последовательности, создаваемой итератором.

Расширяются и возможности WebSocket API. Конструктор WebSocket получает дополнительный объект параметров, который в перспективе позволит добавлять новые настройки без изменения существующего интерфейса API.

Поскольку Chrome 154 пока находится в Beta-канале, перечисленные возможности предназначены прежде всего для тестирования разработчиками. Однако их появление показывает дальнейшее движение браузерной платформы к тому, чтобы больше распространенных интерфейсных задач решались средствами HTML и CSS без дополнительного JavaScript.