Web Platform Baseline 可讓您輕鬆瞭解瀏覽器支援網路平台功能的相關資訊。

Baseline 會提供清楚的資訊,讓您瞭解哪些網頁平台功能已可在專案中使用。閱讀文章或為專案選擇程式庫時,如果使用的功能都屬於 Baseline,您可以放心,瀏覽器相容性會維持在一定水準。

基準線是由 Chrome 團隊建立,目前則由 WebDX 社群群組定義。

基準線包含三個階段:

  • 僅限部分瀏覽器:這項功能並非在所有核心瀏覽器中都能使用。
  • 新功能:所有核心瀏覽器都支援這項功能,因此可互通。
  • 廣泛可用:自新互通日期起算,已過 30 個月。大多數網站都能使用這項功能,不必擔心支援問題。
  • Chrome (電腦和 Android)
  • Edge
  • Firefox (電腦和 Android)
  • Safari (macOS 和 iOS)

I/O 大會基準

Google I/O 大會即將登場,我們將分享許多有關 Baseline 和網際網路新功能的最新消息。詳情請參閱這篇文章。

基準和工具

隨著基準層成熟,我們發現越來越多開發人員開始將其整合至開發工作流程。瞭解最新的整合基準工具,以及可用來建構自有工具的資源!
Baseline Netlify 擴充功能可協助開發人員瞭解哪些 Baseline 目標最符合使用者需求。請參閱這篇文章,進一步瞭解如何使用這項功能!
瞭解 VS Code 中的新基準支援功能。
使用 browserslist-config-baseline,將基準資訊新增至開發 linting 和封裝工具。
瞭解網路平台資訊主頁,以及如何查詢 HTTP API,以便建構基準工具。
您現在可以使用 ESLint 對 CSS 進行 lint 檢查,並在專案中強制使用基準 CSS 功能!詳情請參閱這篇網誌文章。
RUMvision 如何將基準資訊與 RUM 資料整合。

基準理論

在專案中採用 Baseline 時,您需要考量一些事項。這些資料可協助您解答有關填充、工具等難題。
瞭解基準目標的定義、如何選擇基準目標,以及這項功能如何改善開發體驗。
決定何時使用 polyfill 可能很難,但使用基準功能有助於回答這個問題。詳情請參閱本指南!

「Baseline」每月摘要

Baseline 每月精選電子報是每月發送的電子報,內容會精選每月 Baseline 的最新消息,包括新功能、社群更新,以及其他相關內容!

基準目標

當某項功能成為特定年度基準的一部分時,就會歸入功能組合 (也稱為基準目標)。以下列舉幾個目標,供您探索目前可用的功能。
2025 年仍會有許多瀏覽器版本推出,屆時這些版本都會納入Baseline 2025。請密切留意我們一整年內宣布的新功能。
所有在 2024 年納入「新基準」的項目,都可以稱為「2024 年基準」。我們在 2024 年底發布了一篇文章,總結當年推出的所有功能。
所有在 2023 年納入新基準的項目,都可以稱為「2023 年基準」。我們在 2023 年底發布了一篇文章,總結當年推出的所有功能。
容器大小查詢於 2023 年 2 月成為新基準。
:has() 於 2023 年 12 月成為基準新功能。
子格柵格已於 2023 年 9 月成為 Baseline 新功能。
2023 年 8 月起,巢狀結構成為新版基準。
<search> 元素已於 2023 年 10 月成為 Baseline Newly。
回應式影片於 2023 年 11 月成為新版基準。
inert 屬性已於 2023 年 4 月成為基準新資訊。
Constraint Validation API 已於 2023 年 3 月成為新基準。
:user-valid:user-invalid 已於 2023 年 10 月成為 Baseline 新功能。
壓縮串流於 2023 年 5 月成為新基準。
宣告式 Shadow DOM 已於 2024 年 2 月成為新基準。
彈出式視窗已於 2025 年 1 月成為新版基準。

基準位置

在 MDN 上檢查屬性的基準狀態。
在「我可以使用」中檢查基準狀態,確認功能是否可供使用。
使用 Baseline 說明文章和簡報中的功能狀態。