理解 Web 功能

網路上有大量的功能。瀏覽器相容性資料項目列出了其中 14000 多個！如何理解這一切？

這是一個長期以來沒有答案的問題。是的，每個 Web 開發人員都使用 caiuse.com。或者他們用谷歌搜尋或詢問chatgpt。問題在於這些工具可以回答特定問題，但缺乏更大的圖像或指向事實來源的連結。

WebDX 集團

不再了！ WebDX 小組現在在網路平台上的組織、分類和命名方面做了令人難以置信的工作（←這是最困難的部分，如您所知）。他們正在嘗試以協調的方式改善網頁和瀏覽器的整體開發人員體驗。

WebDX 是一個屬於 W3C 的社群團體。您可以在他們的存儲庫中看到他們正在烹飪什麼。對我來說最有趣的輸出是網路功能儲存庫。他們所做的是將大量特定功能分類為一組更容易理解的高級功能。

例如，新推出的功能之一是設定方法。任何操作集合的新方法都可以是單一特徵。但是，如果將其作為單一高級功能進行交流和記錄，它會變得更加有用。

文件

另一部分是如何找到某個功能的詳細資訊。好吧，這就是開放 Web 文件計劃的用武之地。雖然 MDN 一直是一個很好的參考，但一直缺乏實踐內容。 Open Web Docs 組織正試圖改變這一現狀。他們正在為 MDN Web 文件編寫大量新教學課程、指南和解釋器，以及基礎資料 - BCD（瀏覽器相容資料）的更新。

一個例子是 MDN 上關於相對顏色的頁面。它清晰地對應到高級 Web 功能。與每個顏色特徵的單獨參考頁面相比，它提供了更好的理解和上下文。

調查

上述努力的真正好處是他們真的很想合作。他們從「HTML 狀態」和「CSS 狀態」等調查中取得輸入，然後他們可以使用相同的 Web 功能名稱集來追蹤有關它們的調查結果。

順便說一句，當您填寫這些調查時，您可以點擊「新增到閱讀清單」按鈕。它將向您提供 MDN 鏈接，您可以在其中詳細了解您不知道的事情。

現實

太好了，但網路變得更好了嗎？天哪，是的！

縮小跨瀏覽器所需功能和實際可用性之間差距的舉措是顯而易見的。也就是說，Interop 專案確保在所有主要瀏覽器中盡可能完整地實作一組功能。這個項目每年都會有一個新的迭代。

這些功能的實現程度和實現程度是使用 Web 平台測試來衡量的。針對所有瀏覽器執行相同的測試集。這就是為什麼我們有這些很好的百分比來反映瀏覽器中功能的實際狀態。

基線

某個功能在所有主流瀏覽器中實現的時刻是一個非常重要的時刻。由於我們已經按照上述方式對功能進行了很好的分組，所以目前唯一缺少的就是名稱。現在我們已經看到了：當所有主要瀏覽器都支援某個功能時，它就是「基線」新功能。一項功能在新推出兩年半後就已廣泛可用。

您可以在 web.dev 上閱讀有關 Baseline 想法的更多信息，因為它是由 Google 發起的。

視覺化儀表板

當你能以更直觀的方式看待一切時，一切都會變得更有意義。精心設計的表格、圖表、方便的資源連結…

這是為了創建有用的儀表板而進行的一些嘗試。全部檢查一遍，每一個對主題有不同的看法：

• 來自 WebDX 小組背後人員的簡單儀表板
• Google Chrome 團隊提供的逐個功能通過網路平台測試的精美圖表
• 以及我嘗試創建更具互動性的版本

您可以不時地使用它們來了解整體新情況或廣泛採用狀態中的新情況。當您開始一個新專案並決定哪些功能集實際上可用並得到足夠支援時，它也是一個很好的參考。

Web Features Explorer 以乾淨的方式顯示資訊

Webstatus.dev 在圖表中顯示了透過 Web 平台測試的功能的實際進展

我的網路平台功能儀表板允許過濾和排序功能

未來

有些功能最近很快就實現了所有瀏覽器。但有些瀏覽器製造商甚至可能認為這不是一個好主意。您可以在以下網站找到有關可能會或可能不會出現的內容的詳細資訊：

• Mozilla 標準立場
• Webkit 團隊標準職位
• Google Chrome 功能路線圖

結論

看著網路平台的發展是令人著迷的。反饋循環正在改善。許多領域的互通性正在變得更好。

我長期以來一直想擁有一個具有網絡功能的有用儀表板，突然之間，數據的質量如此之好，以至於我在幾個晚上內成功構建了自己的儀表板。

以上是理解 Web 功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！