
基準主題
Web Platform Baseline 可讓您輕鬆瞭解瀏覽器支援網路平台功能的相關資訊。
Baseline 會提供清楚的資訊,讓您瞭解哪些網頁平台功能已可在專案中使用。閱讀文章或為專案選擇程式庫時,如果使用的功能都屬於 Baseline,您可以放心,瀏覽器相容性會維持在一定水準。
誰定義基準值?
基準線是由 Chrome 團隊建立,目前則由 WebDX 社群群組定義。
怎麼會成為基準?
基準測試分為兩個階段:
- 新功能:這項功能支援所有核心瀏覽器,因此可互通運作。
- 廣泛適用:自新互通日期起已滿 30 個月。大多數網站都能使用這項功能,不必擔心支援問題。
在「新推出」之前,如果瀏覽器尚未支援某項功能,該功能就會處於「適用性受限」狀態。
核心瀏覽器集
- Chrome (電腦和 Android)
- Edge
- Firefox (電腦和 Android)
- Safari (macOS 和 iOS)
I/O 大會基準
網頁版新功能
Google I/O 大會即將登場,我們將分享許多有關 Baseline 和網際網路新功能的最新消息。詳情請參閱這篇文章。
基準和工具
隨著基準層成熟,我們發現越來越多開發人員開始將其整合至開發工作流程。瞭解最新的整合基準工具,以及可用來建構自有工具的資源!
Browserslist 現在支援 Baseline
Browserslist 已新增對 Baseline 查詢的支援。瞭解這對開發人員工作流程的影響。
使用 web-features 套件建立 Baseline 工具
瞭解如何使用 web-features npm 套件中的資料,建立自己的 Baseline 工具!
Baseline Tooling 黑客松現已開跑!
想讓網路變得更好,並贏得現金獎項嗎?參加 Baseline 工具黑客松!
Chrome 開發人員工具現在提供 CSS 屬性的基準線
Chrome 開發人員工具的「元素」面板現在會顯示 CSS 屬性的基準資訊!
如何在專案中使用 Baseline
歡迎參加本程式碼研究室,瞭解如何將 Baseline 整合至專案。
WebStatus.dev:現在提供更多資料、更深入的洞察資訊,以及更明確的 Baseline 路徑
我們宣布改善了網頁平台資訊主頁。
基準 Netlify 擴充功能已推出
Baseline Netlify 擴充功能可協助開發人員瞭解哪些 Baseline 目標最符合使用者需求。請參閱這篇文章,進一步瞭解如何使用這項功能!
Visual Studio Code 現已支援 Baseline
瞭解 VS Code 中的新基準支援功能。
搭配使用基準和瀏覽器清單
現在 Browserslist 已內建 Baseline 專屬查詢,可將 Baseline 新增至開發 Lint 和封裝工具。
如何查詢 Web Platform Dashboard 的基準工具
瞭解網路平台資訊主頁,以及如何查詢 HTTP API,以便建構基準工具。
ESLint 已支援 CSS 和基準
您現在可以使用 ESLint 對 CSS 進行 lint 檢查,並在專案中強制使用基準 CSS 功能!詳情請參閱這篇網誌文章。
運用實際使用者資料,讓基線資料可做為行動依據
RUMvision 如何將基準資訊與 RUM 資料整合。
基準理論
在專案中採用 Baseline 時,您需要考量一些事項。這些資料可協助您解答有關填充、工具等難題。
如何選擇基準目標
瞭解基準目標的定義、如何選擇基準目標,以及這項功能如何改善開發體驗。
如何看待基準版本和 polyfill
決定何時使用 polyfill 可能很難,但使用基準功能有助於回答這個問題。詳情請參閱本指南!
「Baseline」每月摘要
Baseline 每月精選電子報是每月發送的電子報,內容會精選每月 Baseline 的最新消息,包括新功能、社群更新,以及其他相關內容!