前不久,Firefox 53 已開放更新,並推出以下多種新功能。
黑白兩種底色的簡潔主題
「簡潔」(compact)主題最早是在 Firefox 開發者版本(Developer Edition)中發佈,現已成為 Firefox 的標準特性。這個主題採用長方形的標籤頁及更省空間的版面設計。用戶可在「附加組件」的「外觀」下找到黑底和白底的兩種選擇。
全新 CSS 功能: Masking 與 Flow-Root
Firefox 53 是第一個全面支持 CSS Masks 的瀏覽器。CSS Masks 能將網頁上的視覺元素完全或部分遮蓋起來。它的做法是把圖像或其他圖形(如線性漸層)疊加在畫面上,以遮擋住一些視覺元素或使其變為半透明。
Masks 讓用戶使用調整相對亮度(luminance)或 Alpha 值來達成遮擋的效果。如果設定為調整亮度的模式,屏蔽中的白色像素便會與下層圖像的可見像素相對應,而屏蔽中的黑色像素則會把該區域變成 100% 透明。至於 Alpha 模式,則是通過操作屏蔽本身的不透明度(opacity)來遮擋下層圖像,使屏蔽中的透明像素形成視覺元素的透明像素。如需進一步瞭解更多與屏蔽功能相關的屬性(屏蔽定位、重複等),請參閱MDN中相關文檔。
這份規格書說明了依圖形形狀及向量路徑來剪切屏蔽區塊的方法。Firefox 53 提供一些剪切(clipping)功能,Firefox 54 則將提供全方面的支持。
最後,Firefox 還增加對於新顯示(display)屬性—— Flow-root 的支持。Flow-root 屬性的作用類似於 clearfix,只不過它使用的是標準的 CSS 屬性,而不是偽元素或其它技術。
Quantum Compositor正式登陸 Windows
「量子合成器」(Quantum Compositor)是 Mozilla 「量子計劃」(Project Quantum)的首波成果,現已正式登陸 Windows 系統。此合成器能把往網頁上各個層級的圖像都平鋪成一個圖,而形成屏幕上顯示的圖像。在 Quantum Compositor 的支持下,Firefox 現在是以一個與 Firefox 主程序完全隔離的程序來執行合成器。也就是說,萬一合成器因驅動程序的缺陷而宕機,也只會自行重啟,因此能讓瀏覽器的其他組件不受影響地正常工作。若需要更多有關 Quantum Compositor 的信息,請參考 Mozilla 質量工程師 Anthony Hughe 的博客。
64位無所不在
Windows 用戶現可選擇安裝 32 位或 64 位版本的 Firefox。
同時,Mozilla 也終止了 32位 Firefox 對 MacOS 架構的支持,以及移除其對舊版 Pentium 4 和 Opteron CPUs 上 Linux 系統的支持。
新的 WebExtension 功能
Firefox 的新附加組件(名為 WebExtension)是專為跨瀏覽器兼容所設計,能在 Firefox、Chrome、Opera 和 Edge 等瀏覽器上高效安全地運行,同時還提供了 Firefox 獨享的強大功能。
Firefox 53 新增如下幾個對於原有的 Chrome 擴展 API 的支持:
browsingData API:此 API 能讓附加組件清除瀏覽器的緩存、cookies、下載和歷史記錄等。例如,Firefox 的忘記按鈕(Forget Button)就可以被當成 WebExtension 安裝。
identity API:經此 API,附加組件可請求用戶授權發送 OAuth2 驗證碼(token),進而簡化登錄附加組件服務的步驟。
storage.sync API:能讓附加組件把用戶偏好設置存入 Firefox Sync/同步服務,以在各個設備間共享和同步。
webRequest.onBeforeRequest API:除了可存取標題(header)以外,現在還能存取請求主體(request body)。
contextMenus API:可將選項菜單加入瀏覽器動作和頁面動作之中。
另外,Firefox 也多瞭如下幾個獨家 API 與功能:
contextualIdentities API:通過此 API,Firefox 用戶可根據不同環境建立和管理身份。此環境身份(contextual identities)正是 Mozilla 的 Container Test Pilot 項目的核心。
contextMenus API:能讓用戶在標籤頁上或密碼輸入框中加入右鍵菜單。
tabs.insertCSS API:CSS 經由此 API 植入網頁後,可指定新增樣式被納入「作者」樣式表單(stylesheet)或「用戶」的樣式表單。這些樣式會遵循層疊順序而有不同的層級。
更多信息
如需進一步瞭解 Firefox 53 的功能與特點,歡迎參考版本說明,以及 MDN 上針對開發者提供的 Firefox 53 說明。
最新版 Firefox 53 已可在火狐官網(firefox.com.cn)下載更新。
原文作者:Dan Callahan(Mozilla開發工程師)