Mozilla Firefox開始支援Web元件技術

週一的時候，Mozilla 在新版 Firefox 中啟用了“Web 元件”技術，旨在讓網站的構建變得更加輕鬆。對於普通使用者來說，這一技術層面的變化不會給我們造成任何影響。但是對於複雜網站的構建者，這項技術會讓他們欣喜不已，因為它可以帶來更少的問題、減少載入時間、以及更迅速的改進。需要指出的是，Google Chrome 團隊早在五年前就開始推動“Web 元件”技術了。

一張火狐貼紙（Stephen Shankland/CNET）

在谷歌之後，蘋果 Safari 在 2016 / 2017 年作出了跟進。至於微軟，暫不清楚該公司給 Edge 瀏覽器定下了什麼計劃。

在此之前，瀏覽器製造商們只是慣例地接受了‘影式文件物件模型’（Shadow DOM）和‘自定義元素’（Custom Elememts）兩種。

前者允許隔離程式碼塊，從而不對網站程式的其它部分造成干擾；後者則允許程式設計師自定義建立其網站的基礎。

Firefox 支援自定義元素，但週一的時候，影式文件物件模型支援也悄然落戶測試通道的‘每夜構建版’（Nightly Build）。

對於簡單的網站來說，動用 Web 元件顯然屬於‘殺雞用牛刀’。但是那些先進而複雜的網站將最為受益，比如 YouTube 站點早就啟用了對 Web Components 的支援。

如果你訪問一個不支援 Web 元件特性的網站，那體驗可能變慢或受限。

Mozilla 首席產品官 Mark Mayo 表示：“Web 開發變得超級困難，是時候讓它變得更加簡單，所以我們應該看到更好、更迅捷的網頁”。

藉助 Web 元件，開發人員可以建立網站的構建模組，然後廣泛而重複地使用它們、且無需擔心會導致阻止使用該網站的問題。

舉例來說，網站通常配備了表示不同部分的選項卡，而 Web 元件讓開發人員可以更輕鬆地建立這些頁面、在另一個專案上重複使用它、甚至可以從其它已經搞清爽的網站上覆制過來。

多年來一直致力於 Web 現代化的 Chrome 資深程式設計師 Alex Russell 表示：“對於擁有眾多團隊和複雜產品的大公司來說，這會是一項特別巨大的優勢”。

Web 元件技術特別有助於大型預編寫的‘框架軟體庫’，這些軟體在當今的 Web 程式設計中被廣泛使用，比如來自 Facebook 的 React、以及來自 Google 的 Angular 框架。

它們可以讓網站的構建變得更加容易，但是一個框架的某些部分、不能與另一個框架的某些部分一起使用，導致 Web 程式設計遇到了‘孤島’問題。

Mozilla 的 Mayo 也認為，Web 元件技術是一項重大的進步：“你無法一下子把這三方面都提升得很好，但它讓 Web 有了更加安全、迅捷、高效的基礎開發模式”。