И в 2023 году все основные поставщики браузеров и другие заинтересованные стороны будут работать вместе, чтобы решить основные проблемы совместимости браузеров.
В 2023 году все основные поставщики браузеров и другие заинтересованные стороны снова будут работать вместе, чтобы решить основные проблемы совместимости браузеров. Масштабные усилия начались с Interop 2022, и вы можете узнать, чего мы достигли вместе, в сообщении в конце года . Все участники считают, что это поможет улучшить работу веб-разработчиков во всем мире. В этом году мы впервые публично объявили о процессе подачи заявок и получили множество отличных предложений от фреймворков, крупных компаний, поставщиков браузеров и разработчиков со всего мира.
Основные направления Interop 2023
На этот раз у нас есть не менее 26 приоритетных направлений, подробно изложенных в нашем проектном документе . Они в алфавитном порядке:
- Изображение границы в CSS
- Цветовые пространства и функции в CSS
- Контейнерные запросы в CSS
- Включение в CSS
- CSS-псевдоклассы
- Пользовательские свойства в CSS
- Флексбокс
- Обнаружение функций шрифта и палитры
- Формы
- Сетка
- :имеет()
- Инертный
- Маскирование в CSS
- Математические функции в CSS
- Медиа-запросы
- Модули в веб-воркерах
- Путь движения в CSS-анимации
- Закадровый холст
- События указателя и мыши
- URL-адрес
- Web Compat 2023: комплексное направление для устранения мелких ошибок, вызывающих известные проблемы совместимости сайтов.
- Веб-кодеки (видео)
- Веб-компоненты
Вы можете найти полную информацию обо всех основных областях в разделе «Тесты веб-платформы на основе веб-документов MDN» , однако вот некоторые из них, которые, по нашему мнению, могут вас по-настоящему заинтересовать.
Контейнерные запросы
Контейнерные запросы были частым запросом разработчиков на протяжении многих лет, и в 2022 году их реализовали Chrome и Safari. Firefox планирует реализовать контейнерные запросы в Firefox 110, и тесты для этой области помогают гарантировать, что контейнерные запросы работают надежно в разных браузерах и в соответствии со спецификацией.
:имеет(…)
Разработчики уже давно просили добавить в CSS родительский селектор. Псевдокласс :has() делает возможным множество вариантов использования родительских селекторов, а также выбор предыдущего родственного элемента относительно ссылочного элемента. Например, это позволяет стилизовать фигуру, имеющую подпись, иначе, чем фигуру, у которой ее нет. Узнайте больше о вариантах использования has() в :has(), селекторе семейства .
Пользовательские свойства
Пользовательские свойства CSS, также известные как переменные CSS, позволяют один раз определить значение в таблице стилей и повторно использовать его во многих местах, уменьшая повторение. Например, вы можете один раз определить общий цвет или размер шрифта в таблице стилей и использовать его во всех компонентах. Базовая поддержка пользовательских свойств присутствует в браузерах уже давно. Interop 2023 фокусируется на правиле @property . @property представляет собой регистрацию пользовательского свойства в таблице стилей, позволяющую проверять тип свойства, устанавливать значения по умолчанию и определять, должно ли свойство наследовать значения. Узнайте больше в @property: предоставление суперспособностей переменным CSS .
CSS-маскировка
Маскирование CSS предоставляет методы применения эффектов изображения, например, которые вы можете увидеть в графическом приложении, с использованием CSS. Поддержка различных свойств маскировки неоднородна, что затрудняет использование маскировки, чем должно быть. Эта область деятельности поможет разработчикам уверенно использовать кроссбраузерные творческие эффекты. Узнайте больше о применении эффектов к изображениям в этой статье о маскировке изображений .
За кадромХолст
Элемент <canvas> и Canvas API предоставляют возможность рисования графики на экране с помощью сценариев. Однако это может вызвать проблемы с производительностью, поскольку работа выполняется в том же потоке, что и взаимодействие с пользователем. OffscreenCanvas предлагает разработчикам холст, который отделен от DOM и Canvas API. Разработчики также могут запускать задачи рендеринга в веб-воркере отдельно от основного потока. Узнайте больше о преимуществах производительности OffscreenCanvas .
События указателя и мыши
События указателя запускаются при взаимодействии со страницей с помощью мыши, пера, стилуса или сенсорного экрана. События мыши запускаются при использовании мыши, но по историческим причинам также и при касании. Эта область внимания охватывает поведение указателя и мыши при взаимодействии со страницами, в том числе то, как они взаимодействуют с проверкой попадания и областями прокрутки. В сферу внимания на 2023 год не входят сенсорный ввод и стилус из-за отсутствия тестов веб-платформы в этой области.
Вебкодеки
API WebCodecs предоставляет разработчикам методы доступа к отдельным кадрам видео и фрагментам аудио. Он предлагает доступ к кодекам, которые уже доступны в браузере, и различным интерфейсам для взаимодействия с ними. В статье «Обработка видео с помощью WebCodecs» показано, как использовать API для декодирования и отображения отдельных кадров на холсте.
Веб-компоненты
Веб-компоненты — это общий термин для ряда технологий, используемых для создания повторно используемых компонентов, таких как пользовательские элементы и теневой DOM. Interop 2023 будет сосредоточен на улучшении совместимости этих основополагающих технологий.
Панель приборов
Следите за прогрессом в течение года на информационной панели Interop 2023 , где вы можете увидеть текущие результаты и статус решения этих приоритетных областей во всех основных браузерных системах.
Баллы по специализации рассчитываются на основе показателей успешной сдачи тестов. Если у вас есть отзывы или вы хотите внести свой вклад в улучшение WPT , сообщите о проблеме и запросите обновление набора тестов, используемых для оценки.
