Firefox 53帶來量子合成器、CSS Masks等功能

Firefox CSS Windows Mozilla 火狐 2017-04-27

Firefox 53帶來量子合成器、CSS Masks等功能

前不久,Firefox 53 已開放更新,並推出以下多種新功能。

黑白兩種底色的簡潔主題

「簡潔」(compact)主題最早是在 Firefox 開發者版本(Developer Edition)中發佈,現已成為 Firefox 的標準特性。這個主題採用長方形的標籤頁及更省空間的版面設計。用戶可在「附加組件」的「外觀」下找到黑底和白底的兩種選擇。

Firefox 53帶來量子合成器、CSS Masks等功能

全新 CSS 功能: Masking 與 Flow-Root

Firefox 53 是第一個全面支持 CSS Masks 的瀏覽器。CSS Masks 能將網頁上的視覺元素完全或部分遮蓋起來。它的做法是把圖像或其他圖形(如線性漸層)疊加在畫面上,以遮擋住一些視覺元素或使其變為半透明。

Firefox 53帶來量子合成器、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。

Firefox 53帶來量子合成器、CSS Masks等功能

同時,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開發工程師)

相關推薦

推薦中...