Baseline поможет вам понять, какие функции совместимы с современными браузерными движками и безопасны для использования уже сегодня. Но как использовать Baseline в своих проектах? На этой странице представлены материалы, которые помогут вам решить, как использовать Baseline, а также некоторые соображения, которые следует учитывать при этом.

Узнайте, как работает Baseline

Baseline обеспечивает ясность сообщений, используя три пороговых значения. Эти пороговые значения отражают уровень совместимости в основных браузерах: Chrome для Android и настольных компьютеров, Firefox для Android и настольных компьютеров, Safari для macOS и iOS, а также Edge. Эти метки и символы позволяют быстро оценить, насколько хорошо реализованы веб-функции в современных браузерных движках:

Ограниченная доступность функций — это те, которые не реализованы в основном наборе браузеров. Использование этих функций потребует определённого планирования, возможно, с учётом полифиллов и прогрессивных улучшений.
Новые функции — это функции, которые недавно были реализованы в базовом наборе браузеров. Если вы видите функцию «Новые функции», можно ожидать, что со временем она будет поддерживаться более широко во всех браузерах.
Широко доступные функции — это те, которые совместимы с основным набором браузера не менее 30 месяцев. Если функции имеют статус Baseline Widely, можно ожидать, что они хорошо поддерживаются основным набором браузера.

Прежде чем использовать базовый уровень в своём проекте, необходимо решить, какой базовый уровень использовать. Базовый уровень — это либо изменяющийся уровень, который со временем будет дополняться новыми совместимыми функциями, либо фиксированный уровень, представляющий собой актуальный набор совместимых функций на текущий год. Узнайте из этого руководства, как выбрать базовый уровень на основе данных.

Подробнее

Добавьте базовую линию в свой проект

Отслеживание совместимых функций браузеров само по себе может быть непростой задачей, но использование Baseline в вашем проекте, а также инструментов, которые помогут вам в этом, поможет сократить объём работы. Browserslist содержит несколько встроенных запросов, которые максимально упрощают использование Baseline в вашем проекте.

Добавьте Baseline в свои инструменты линтинга и упаковки кода с помощью специальных запросов Baseline, которые теперь встроены в Browserslist.
Подробнее
Узнайте, как интегрировать Baseline в веб-проект с использованием Webpack, Babel и PostCSS, с помощью этой лабораторной работы.
Подробнее

Посмотрите демонстрации Baseline

Если вы ищете вдохновение, которое поможет вам понять, как использовать Baseline в своих проектах, ознакомьтесь с этими демонстрациями интеграций инструментов, которые помогут вам начать работу:

Базовая линия и веб-пакет

Узнайте, как использовать Baseline в вашем проекте Webpack.
Подробнее
Узнайте, как использовать Baseline в вашем проекте Rollup.
Подробнее

Не все веб-функции совместимы, но это не значит, что вы не можете их использовать — в рамках Baseline мы не говорим вам, использовать ли несовместимые функции или нет. Это решение вам нужно принять самостоятельно, и мы опубликовали для вас руководство о том, как это сделать.

Подробнее

Создайте свои собственные базовые инструменты

Ищете конкретный инструмент для Baseline, но не можете его найти? Инструментарий Baseline находится в стадии разработки, и, возможно, то, что вам нужно, ещё не разработано. Если вы предприимчивы, вы можете создать свой собственный инструментарий. Эти статьи расскажут вам, как использовать данные веб-функций несколькими способами для создания инструментов, которые будут полезны вам и другим.

Как запросить на панели мониторинга веб-платформы базовые инструменты

Узнайте о панели инструментов веб-платформы и о том, как можно запросить ее HTTP API, чтобы помочь вам создать базовые инструменты.
Подробнее

Создание базовых инструментов с помощью пакета веб-функций

Узнайте, как использовать данные из пакета npm web-features для создания собственных базовых инструментов!
Подробнее