Baseline 在 MDN 上的演變
Vadim Makeev
閱讀時間 4 分鐘
今天，我們正在更新 Baseline 小部件，並將其推廣到更多頁面，以符合完善後的 Baseline 定義，幫助開發者更好地理解 Web 平臺功能的狀況。
Baseline 於 2023 年 5 月首次推出，它提供了一種檢視 Web 平臺狀態的新方法。它為新出現的和已有的 Web 功能建立了一個通用的衡量標準。其理念很簡單：如果一項功能在主流瀏覽器的最新兩個版本中都可用，那麼它就被認為得到了廣泛支援，並且可以安全使用。它就成為了 Baseline 的一部分。
基於 Web Features 專案（由 WebDX 社群組維護）的資料，我們透過在 MDN 參考頁面頂部新增小部件來實現初始的 Baseline 定義，為許多廣泛支援的功能（如 CSS grid 佈局和 border-image）以及未被廣泛支援的 isContextLost 進行了標記。在閱讀頁面之前，您就可以瞭解到該功能是否可以可靠地使用。
更新了小部件
除了現有的“有限可用”和“廣泛可用”小部件（已進行微調）之外，一個新小部件位於 Baseline 時間線的中間。“新可用”小部件標記了最近在所有核心瀏覽器穩定版本中都已可用的功能，例如 @layer。
透過開啟小部件，您現在將看到有關該功能的額外資訊以及它何時變為新可用的日期。今天，我們將 Baseline 小部件的覆蓋範圍擴充套件到 315 個頁面。隨著 Web Features 資料集的開發，我們將繼續推廣它。
完善了定義
更新後的小部件遵循 Web Features 治理團隊完善的 Baseline 定義。
首先，核心瀏覽器列表現已擴充套件到包括移動版瀏覽器。有時，一項功能在一個平臺上釋出，而另一個平臺要過一段時間才會跟進。核心瀏覽器集現已包括：
- Apple Safari（macOS 和 iOS）
- Mozilla Firefox（桌面版和 Android 版）
- Google Chrome（桌面版和 Android 版）
- Microsoft Edge（桌面版）
功能在 Baseline 時間線上有兩個主要事件：
- 新可用。 該功能從最後一個核心瀏覽器實現它的那一天起被標記為互操作性。它標誌著開發者可以開始興奮地瞭解一項功能的那一刻。
- 廣泛可用。 三十個月或 2.5 年後，該功能被標記為具有更廣泛的支援。它標誌著可以開始使用一項功能而無需明確的跨瀏覽器相容性知識的那一刻。
功能示例
為了更好地理解 Baseline，讓我們看看 CSS 自定義屬性在核心瀏覽器中實現的的時間線，按其首次出現順序排列：
- Firefox 31：2014 年 7 月 22 日
- Chrome 49：2016 年 3 月 2 日
- Safari 9.1：2016 年 3 月 21 日
- Edge 15：2017 年 4 月 5 日
根據 Baseline 定義，CSS 自定義屬性在 2017 年 4 月 5 日隨著 Edge 15 的釋出而“新可用”，因此成為“Baseline 2017”的一部分。然而，在所有主流瀏覽器中可用並不意味著您可以安全地使用一項功能：使用者需要時間更新他們的瀏覽器，或者在某些情況下，他們必須更新他們的作業系統甚至裝置本身才能獲得新版本的瀏覽器。這就是為什麼，在三十個月後，也就是 2019 年 10 月 5 日，CSS 自定義屬性才被認為是“廣泛可用”。
在出現錯誤或資料誤導的情況下，Web Features 治理團隊可以覆蓋功能的的狀態。例如，他們可能會推遲一項功能，直到實現中的錯誤得到解決。目標不是嚴格遵守定義，而是反映使用這些功能的實際情況。
注意：您可以在 MDN 詞彙表中閱讀詳細的 Baseline 定義。
與 Web 平臺一樣，Baseline 專案的成功也離不開各方的努力。MDN 與 W3C 的 WebDX 社群組、Google 和 Microsoft 等合作伙伴緊密合作，根據社群反饋，將完善後的 Baseline 定義和小部件引入 MDN 頁面。我們不會止步於此：如果您有任何意見，請點選任何展開的小部件中的反饋圖示，告訴我們您的想法。
