Опубликовано: 23 октября 2024 г.
В этой статье вы узнаете, как использовать новый веб-компонент <baseline-status> на своем сайте, а также логотипы Baseline в презентациях при написании или обсуждении функций веб-платформы.
Большинство разработчиков сталкивались с ситуацией, когда, ища решение веб-задачи, находили статью с идеальным описанием, а затем в самом конце понимали, что оно доступно только в одном браузере. Или же, увлекшись функцией, которую описывал докладчик на конференции, обнаруживали, что она экспериментальная. Мы хотели улучшить эту ситуацию на наших сайтах для разработчиков Chrome, и последние два года добавляем в наши публикации данные о совместимости с MDN.
Однако, компонент Baseline делает все еще понятнее. Вместо проверки отдельных версий браузеров, вы можете проверить, доступна ли функция в рамках Baseline Widely и, следовательно, готова ли она к использованию без опасений. Или узнать, что она доступна в рамках Baseline Newly и, следовательно, совместима, но, как новая функция, для которой, возможно, стоит рассмотреть резервные стратегии. Здесь, на web.dev, мы начали добавлять новый компонент статуса Baseline на некоторые из наших страниц, вы можете увидеть его в статье блога о CSS font-size-adjust .
Добавьте компонент на свой сайт.
Этот веб-компонент предназначен не только для нашего использования. Мы рады поделиться с вами компонентом <baseline-status> . Он готов к использованию для отображения базового статуса создаваемого вами контента. Компонент можно установить из npm или предварительно скомпилировать из CDN — ознакомьтесь с инструкциями по установке . После установки отображайте статус функции, как показано в следующем HTML-коде для font-size-adjust .
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Затем компонент будет автоматически обновляться по мере перехода функции из статуса «Ограниченная доступность» в статус «Новая доступность», а затем в статус «Широкая доступность».
Найдите featureId
Передаваемый в компонент featureId — это имя функции в репозитории web-features . Компонент получает статус функции из данных, собранных в рамках проекта web features .
Добавить логотипы Baseline
Если вы публикуете что-либо в печатном виде, в формате PDF или выступаете на конференции, то логотипы, вероятно, будут полезны для отображения текущего состояния. Панель мониторинга состояния веб-платформы поможет вам проверить базовое состояние любой функции.
Логотипы Baseline предоставляются вам по лицензии для использования во всех ваших материалах; вы можете скачать их в форматах PNG и SVG .
Сообщите нам, где вы используете Baseline.
Нам было бы интересно узнать, где используется Baseline. Создайте запрос на слияние (PR) и добавьте ссылку на то, где вы его использовали, в раздел "Использование Baseline на практике" .
У вас есть другие идеи по интеграции?
У вас есть идеи по интеграции Baseline каким-либо другим способом? Возможно, у вас есть инструмент для разработчиков, который мог бы включать эту информацию, или продукт, которому было бы полезно иметь возможность делиться версией Baseline, используемой в панели администратора. Сообщите о своих идеях в соответствующем разделе , мы будем рады помочь.