
如何使用基準
基準可協助您瞭解哪些功能可在現代瀏覽器引擎之間互通,且目前可安全使用,但您要如何在專案中使用基準呢?本頁面提供相關資料,協助您決定如何使用這項工具,以及在過程中需要考慮的事項。
瞭解基準的運作方式
Baseline 會透過三個門檻,清楚呈現訊息傳遞情況。這些門檻代表核心瀏覽器組的互通性程度,包括 Android 和電腦版 Chrome、Android 和電腦版 Firefox、macOS 和 iOS 版 Safari,以及 Edge。看到這些標籤和符號時,您就能快速瞭解現代瀏覽器引擎中網路功能的成熟度:

限量供應
適用性受限功能是指未在核心瀏覽器集中實作的功能。使用這些功能需要一些規劃,可能需要考慮使用 Polyfill 和漸進式增強功能。

全新上架
新功能是指最近在核心瀏覽器集中實作的功能。如果看到「新功能」標籤,表示這些功能將隨著時間推移,在更多瀏覽器中獲得支援。

廣泛提供
廣泛支援的功能是指在核心瀏覽器集中,互通性至少達 30 個月的功能。當功能在 Baseline 中廣泛推出時,表示核心瀏覽器組已提供完善支援。
如何選擇基準目標
在專案中使用 Baseline 前,您需要決定要使用的 Baseline 目標。基準目標可以是會隨時間演進的動態目標,以便加入更多可互通的功能,也可以是固定目標,代表特定年份的最新互通功能。請參閱本指南,瞭解如何以數據為準的方式選取基準目標。
將 Baseline 新增至專案
追蹤哪些功能可互通的瀏覽器可能是一項獨立工作,但只要在專案中使用 Baseline,以及有助於引導您完成這項工作的工具,就能減少相關工作。Browserslist 內建多項查詢,可讓您在專案中輕鬆使用 Baseline。
搭配使用基準和瀏覽器清單
現在 Browserslist 已內建 Baseline 專屬查詢,可將 Baseline 新增至開發 Lint 和封裝工具。
基準程式碼研究室
在本程式碼研究室中,瞭解如何使用 webpack、Babel 和 PostCSS,將 Baseline 整合至網頁專案。
查看 Baseline 示範
如要尋找靈感,瞭解如何在專案中使用 Baseline,請參閱下列工具整合的示範:
基準和 webpack
瞭解如何在 webpack 專案中使用 Baseline。
基準和匯總
瞭解如何將 Baseline 與 Rollup 專案搭配使用。
基準和 Polyfill
並非所有網頁功能都能互通,但這不代表您無法使用這些功能。做為 Baseline 的一部分,我們不會告訴您是否要使用無法互通的功能。這項決定必須由您自行做出,我們也發布了相關指南,協助您思考如何做出決定。
建立自己的 Baseline 工具
您是否一直在尋找 Baseline 的特定工具,但找不到?基準工具仍在開發階段,您可能還無法使用所需功能。如果您是積極進取的類型,可以自行建立工具。這些文章將說明如何以幾種方式使用網頁功能資料,建立您和其他人會覺得實用的工具。
如何查詢 Web Platform Dashboard 的基準工具
瞭解網路平台資訊主頁,以及如何查詢 HTTP API,以便建構基準工具。
使用 web-features 套件建立 Baseline 工具
瞭解如何使用 web-features npm 套件中的資料,建立自己的 Baseline 工具!