После успеха Interop 2022 и Interop 2023 мы рады возможности снова сотрудничать со всеми ключевыми поставщиками браузеров и другими соответствующими заинтересованными сторонами. Наша общая цель — улучшить взаимодействие между веб-платформами, тем самым упростив работу разработчиков и обогатив общий опыт пользователей Интернета.
По своей сути Interop представляет собой комплексную серию тестов и тестов, предназначенных для оценки соответствия отдельных браузеров на основе нашей общей приверженности веб-стандартам. В конечном счете, Interop стремится устранить несоответствия между браузерами и способствовать созданию единого видения в отрасли.
Для Interop 2024 был проведен процесс публичного предложения для получения первоначального списка функций. На основе этого списка все стороны вместе работали над созданием списка приоритетных областей на 2024 год. Следующий список включает области, в которых мы надеемся, что к концу года 100% выбранных тестов будут пройдены.
Все приоритетные направления на 2024 год
Interop 2024 включает в себя 12 новых направлений, плюс 5 перенесенных из 2023 года, но еще предстоит внести некоторые исправления. Области:
- Доступность
- CSS-вложение
- Пользовательские свойства
- Декларативный теневой DOM
- настройка размера шрифта
- URL-адреса HTTPS для WebSocket
- ИндекседБД
- Макет
- События указателя и мыши
- Трещать
- Синтаксис относительного цвета
- запросVideoFrameCallback
- Стиль полосы прокрутки
- @starting-style и переходное поведение
- Направленность текста
- перенос текста: баланс
- URL-адрес
Чтобы просмотреть подробную информацию обо всех основных областях, посетите панель мониторинга Interop 2024 , где показаны подробные сведения о функциях и необходимых работах, а также текущие оценки для каждого браузера. В оставшейся части этой статьи вы можете узнать о некоторых областях, в которых Chrome необходимо проделать большую работу, чтобы достичь 100%.
Вложение
Модуль вложения CSS определяет синтаксис для вложенных селекторов, предоставляя возможность вкладывать одно правило стиля в другое, при этом селектор дочернего правила относится к селектору родительского правила.
Вложенность CSS отличается от препроцессоров CSS, таких как Sass, тем, что она анализируется браузером, а не предварительно компилируется препроцессором CSS.
Вложенность CSS помогает улучшить читаемость, модульность и удобство обслуживания таблиц стилей CSS. Это также потенциально помогает уменьшить размер файлов CSS, тем самым уменьшая объем данных, загружаемых пользователями.
Хотя все браузеры поддерживают вложенность CSS, существуют некоторые различия в реализации из-за изменений в спецификации. Цель Interop 2024 — обеспечить соответствие всех браузеров текущей спецификации.
Узнайте больше о вложении CSS и откройте для себя ключевое обновление спецификации, которое позволяет вкладывать имена тегов простых элементов .
перенос текста: баланс
Значение Balance свойства CSS text-wrap указывает браузеру, что вы хотите, чтобы он сбалансировал строки текста. Обычно он используется в заголовках или других коротких текстовых разделах, чтобы избежать типографских окон.
![Заголовок, переносящийся на две строки, с двумя словами во второй строке.](https://web.dev/static/blog/interop-2024/image/unbalanced.png?authuser=5&hl=ru)
![Заголовок, переносящийся на две строки, каждая из которых равна.](https://web.dev/static/blog/interop-2024/image/balanced.png?authuser=5&hl=ru)
Браузеры различаются по поддержке различных полных и сокращенных версий этого свойства. Во время Interop 2024 мы стремимся обеспечить их совместимость.
Балансировка заголовков и других коротких текстовых разделов — это функция, которую часто запрашивают разработчики. Узнайте больше о ней в статьях CSS text-wrap:balance , «Публикация о прекращении типографских окон в Интернете » или «Балансировка текста CSS с text-wrap:balance» .
URL-адреса HTTP(s) для WebSocket
Конструктору WebSocket изначально требовались URL-адреса ws:
и wss:
что предотвращало использование относительных URL-адресов и результирующий обходной код.
Спецификация была обновлена, чтобы разрешить схемы http(s) и, следовательно, относительные URL-адреса. Они нормализованы к ws:
и wss:
. Во время Interop 2024 мы обновим нашу реализацию для поддержки схем http(s).
Синтаксис относительного цвета
Синтаксис относительного цвета определен в спецификации CSS Color 5 и обеспечивает способ управления цветами в CSS. Например, затемните, осветлите или обесцветьте цвет.
Синтаксис относительного цвета примерно совместим, но браузеры не реализовали ключевое слово currentcolor
; эти тесты включены в Interop 2024.
Узнайте обо всех возможностях этой функции в синтаксисе относительных цветов CSS .
Панель управления Interop 2024
Как и в предыдущие годы, текущие оценки экспериментальных и стабильных версий браузера будут публиковаться на информационной панели , чтобы вы могли видеть, как формируются оценки.
![Снимок экрана информационной панели с оценками: взаимодействие: 65, исследования: 0, Chrome Canary: 83, Edge Dev: 82, Firefox Nightly: 80, Safari Technology Preview: 79.](https://web.dev/static/blog/interop-2024/image/interop-2024-dashboard.png?authuser=5&hl=ru)
Мы очень рады видеть, насколько можно добиться улучшений во всех основных областях в этом году.