12 февраля 2026 года команды Apple, Google, Igalia, Microsoft и Mozilla объявили фокусные области Interop 2026. Инициатива использует общие автоматические тесты, чтобы в течение года уменьшать различия между браузерными движками.
Важно: включение функции в Interop не означает, что она уже одинаково работает во всех браузерах. Это приоритет совместной работы, а текущую готовность нужно проверять по тестам и матрице поддержки проекта.
Что такое Interop
Interop — ежегодная межбраузерная инициатива. Участники выбирают проблемы совместимости, определяют набор тестов Web Platform Tests и непрерывно запускают их в разных движках. Оценка показывает прохождение выбранных тестов, а не популярность или юридический статус спецификации.
Результаты Interop публикуются на wpt.fyi, где можно отслеживать прогресс внедрения каждой функции.
Какие области вошли в фокус 2026 года
В Interop 2026 вошли следующие ключевые области:
- CSS Anchor Positioning — позиционирование элементов относительно друг друга
- View Transitions API — плавные переходы между состояниями страницы
- Scroll-driven Animations — анимации, привязанные к прокрутке
- Container style queries — стили на основе вычисленных пользовательских свойств контейнера
- Dialogs и popovers — согласованное поведение диалогов, подсказок и открытых состояний
- Navigation API, WebTransport, WebRTC и IndexedDB — отдельные области совместимости платформы
CSS Anchor Positioning
CSS Anchor Positioning позволяет позиционировать элементы относительно других элементов на странице. Это упрощает создание тултипов, выпадающих меню и поповеров.
Часть сценариев, где раньше требовалось вычислять координаты JavaScript-кодом, можно описывать CSS. Но точный синтаксис и поддержку конкретного сценария нужно сверять перед внедрением:
.tooltip {
position: absolute;
position-anchor: --trigger;
position-area: bottom;
}View Transitions API
View Transitions API позволяет создавать плавные анимации при переходе между состояниями страницы. Это особенно полезно для SPA и навигации.
API поддерживает как простые переходы, так и сложные анимации с общими элементами между страницами.
Scroll-driven Animations
Scroll-driven Animations позволяют привязывать анимации к прокрутке страницы. Это открывает новые возможности для создания интерактивных лендингов и историй.
Анимации могут запускаться, останавливаться и изменяться в зависимости от позиции прокрутки.
Что уже можно использовать в продакшене
Универсального списка для всех проектов нет. Перед внедрением проверьте Baseline или MDN, реальные версии браузеров в аналитике, критичность сценария и деградацию без функции. Для новых возможностей применяйте progressive enhancement: базовый интерфейс должен оставаться рабочим, а улучшение включаться через проверку поддержки.
Что это значит для веб-разработчиков
Interop даёт разработчикам прозрачный список проблем, за которыми стоит следить, и измеримый прогресс по общим тестам. Он снижает неопределённость, но не отменяет кроссбраузерное тестирование и не делает каждый полифилл устаревшим автоматически.
Что это значит для владельцев сайтов
Для владельцев сайтов Interop 2026 означает:
- более предсказуемое поведение по мере роста результатов тестов;
- меньше специальных обходных решений для подтверждённых сценариев;
- понятнее момент, когда экспериментальную функцию можно повторно оценить;
- необходимость сохранять бюджет на тестирование до завершения работы.
Как проверить поддержку в вашем проекте
Чтобы проверить, какие функции Interop 2026 уже поддерживаются в вашем проекте:
- Откройте wpt.fyi/interop-2026
- Найдите интересующую функцию
- Проверьте статус внедрения в каждом браузере
- Используйте
@supportsдля прогрессивного улучшения
Вывод
Interop 2026 показывает, над какими расхождениями браузерные команды работают вместе. Используйте его как дорожную карту и источник тестов, но принимайте продакшен-решение по фактической поддержке, аудитории и качеству fallback.