Baseline Status ウェブコンポーネントを入れてみる
目次
概要
web-platform-dx/baseline-status を使って、Baseline Status のバッジを埋め込みできるようにした。
結果
fetchPriority プロパティ - Web API の例
そもそも Baseline とは何なのか
- Web標準に新たなステータス「Baseline」が登場。変化し続けるWeb標準のうちWeb開発者が安心して使える機能群を示す。MDNドキュメントなどで表示開始 － Publickey
- Baseline (互換性) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
導入（Astro）
npm i baseline-status- 任意ファイルで読み込み
import 'baseline-status/baseline-status.min.js';
- .astro や .mdx でコンポーネント埋め込み
<baseline-status featureId="fetch-priority"></baseline-status>
- featureId は下記から探せる
- web-features/features at main · web-platform-dx/web-features
- MDNに掲載されているAPIの全てが埋め込みでステータス反映される訳ではなさそう