О проекте Web Platform Baseline

Современная веб-платформа предоставляет множество возможностей, и каждая такая возможность (фича) может включать в себя как один, так и сразу несколько, связанных между собой JS/HTML/CSS Web API.

Baseline позволяет веб-разработчикам легко определить, можно ли использовать ту или иную возможность веб-платформы в веб-приложениях и веб-сайтах, без необходимости вникать, в каких версиях каких браузеров и на каких платформах какие связанные Web API поддерживаются, просто взглянув на иконку одного из 3 возможных цветов:

🟠 Limited availability (оранжевая иконка) — возможность ещё не поддерживается в основном наборе браузеров;

🔵 Newly available (голубая иконка) — возможность недавно поддерживается в основном наборе браузеров;

🟢 Widely available (зелёная иконка) — возможность поддерживается в основном наборе браузеров уже 30 месяцев (2.5 года).

Под основным набором браузеров (core browser set) понимаются Chromium (Desktop и Android), Firefox (Desktop и Android) и Safari (macOS и iOS). Под Desktop понимаются Windows, macOS, Linux и ChromeOS. То есть все 3 основных движка браузеров на всех основных платформах.

Статус Baseline для каждой возможности вычисляется и обновляется на основе результатов прохождения автоматически запускаемых тестов из набора Web Platform Tests каждой новой версией браузера из основного набора.

Что это означает для разработчиков прогрессивных веб-приложений (PWA)?

Если фича имеет статус Widely available, её можно смело использовать, если нет, её можно использовать как прогрессивное улучшение (progressive enhancement).

Baseline также может использоваться в качестве целевого значения в ESLint, Stylelint, PostCSS, Autoprefixer, Babel и других инструментах, использующих Browserslist.

👉 Чтобы определить целевое значение Baseline на основе анализа информации о версиях браузеров пользователей именно вашего веб-приложения, можно воспользоваться, например, инструментом Google Analytics Baseline Checker.

Изначально проект Baseline был создан командой Google Chrome, но сейчас курируется W3C WebDX Community Group, куда входят независимые эксперты, представители всех основных браузеров и других заинтересованных компаний.

Сейчас статус Baseline отображается:

— на сайтах MDN, Can I Use, CSS Database и других;

— в IDE, основанных на VSCode, таких как Cursor, Windsurf и других, в том числе работающих прямо в браузере, таких как GitHub Codespaces, GitLab Workspaces, Firebase Studio и других;

— в IDE от JetBrains, таких как WebStorm, PhpStorm и других.

Теперь же статус Baseline отображается и в Chromium DevTools.

#web