Firefox 中的實驗性功能

HTML

輸入型別為 "search" 的佈局

input type="search" 的佈局已更新。這會導致搜尋欄位在有人開始輸入後顯示一個清除圖示，以匹配其他瀏覽器的實現。（有關更多詳細資訊，請參閱 Firefox 錯誤 558594。）

layout.forms.input-type-search.enabled

設定為 true 以啟用。

切換密碼顯示

HTML 密碼輸入元素 (<input type="password">) 包含一個“眼睛”圖示，可以切換以顯示或隱藏密碼文字 (Firefox 錯誤 502258)。

layout.forms.reveal-password-button.enabled

設定為 true 以啟用。

datetime-local 輸入欄位的時間選擇器

HTML datetime-local 輸入元素 (<input type="datetime-local">) 現在包含一個時間選擇器 (Firefox 錯誤 1726108)。

dom.forms.datetime.timepicker

設定為 true 以啟用。

CSS

十六進位制框顯示散亂的控制字元

此功能將除製表符 (U+0009)、換行符 (U+000A)、換頁符 (U+000C) 和回車符 (U+000D) 之外的控制字元（Unicode 類別 Cc）渲染為十六進位制框，如果它們不被預期出現。（有關更多詳細資訊，請參閱 Firefox 錯誤 1099557。）

layout.css.control-characters.visible

設定為 true 以啟用。

initial-letter 屬性

initial-letter CSS 屬性是 CSS 內聯佈局 規範的一部分，它允許您指定下沉式、凸起式和內嵌式首字母的顯示方式。（有關更多詳細資訊，請參閱 Firefox 錯誤 1223880。）

layout.css.initial-letter.enabled

設定為 true 以啟用。

fit-content() 函式

fit-content() 函式應用於 width 和其他尺寸屬性。此函式已在 CSS Grid 佈局軌道尺寸調整方面得到良好支援。（有關更多詳細資訊，請參閱 Firefox 錯誤 1312588。）

layout.css.fit-content-function.enabled

設定為 true 以啟用。

滾動驅動動畫

以前稱為“滾動連結動畫”，滾動驅動動畫 取決於捲軸的滾動位置，而不是時間或其他維度。scroll-timeline-name 和 scroll-timeline-axis 屬性（以及 scroll-timeline 簡寫屬性）允許您指定特定命名容器中的特定捲軸可用作滾動驅動動畫的來源。然後可以透過將 animation-timeline 屬性設定為使用 scroll-timeline-name 定義的名稱值，將滾動時間軸與 動畫 關聯起來。

使用 scroll-timeline 簡寫屬性時，屬性值的順序必須是 scroll-timeline-name 後面跟著 scroll-timeline-axis。長手屬性和簡寫屬性都可以在首選項後面使用。您還可以使用 scroll() 函式表示法和 animation-timeline 來指示祖先元素中的捲軸軸將用於時間軸。

有關更多資訊，請參閱 Firefox 錯誤 1807685、Firefox 錯誤 1804573、Firefox 錯誤 1809005、Firefox 錯誤 1676791、Firefox 錯誤 1754897、Firefox 錯誤 1817303 和 Firefox 錯誤 1737918。

timeline-scope、animation-range-start 和 animation-range-end 屬性（以及 animation-range 簡寫屬性）尚未支援。有關更多資訊，請參閱 Firefox 錯誤 1676779。

layout.css.scroll-driven-animations.enabled

設定為 true 以啟用。

@scope at-rule

@scope CSS at-rule 允許您選擇特定的子元素，而無需過度增加 CSS 選擇器的特異性 (Firefox 錯誤 1886441)。

layout.css.at-scope.enabled

設定為 true 以啟用。

prefers-reduced-transparency 媒體特性

CSS prefers-reduced-transparency 媒體特性允許您檢測使用者是否啟用了設定，以最小化其裝置上透明或半透明圖層效果的數量。有關更多詳細資訊，請參閱 (Firefox 錯誤 1736914)。

layout.css.prefers-reduced-transparency.enabled

設定為 true 以啟用。

inverted-colors 媒體特性

CSS inverted-colors 媒體特性允許您檢測使用者代理或底層作業系統是否正在反轉顏色。有關更多詳細資訊，請參閱 (Firefox 錯誤 1794628)。

layout.css.inverted-colors.enabled

設定為 true 以啟用。

命名檢視進度時間軸屬性

CSS view-timeline-name 屬性允許您為特定元素命名，識別其祖先滾動元素是檢視進度時間軸的來源。然後可以將該名稱分配給 animation-timeline，然後在關聯元素在其祖先滾動器的可見區域中移動時對其進行動畫處理。有關更多詳細資訊，請參閱 (Firefox 錯誤 1737920)。

layout.css.scroll-driven-animations.enabled

設定為 true 以啟用。

匿名檢視進度時間軸函式

CSS view() 函式允許您指定元素的 animation-timeline 是一個檢視進度時間軸，它將在元素在其祖先滾動器的可見區域中移動時對其進行動畫處理。該函式定義了提供時間軸的父元素的軸，以及動畫開始和結束時可見區域內的插入。有關更多詳細資訊，請參閱 (Firefox 錯誤 1808410)。

layout.css.scroll-driven-animations.enabled

設定為 true 以啟用。

供應商字首的 transform 屬性

可以透過將 layout.css.prefixes.transforms 首選項設定為 false 來停用 -moz- 字首的 CSS transform 屬性。目的是在標準 CSS zoom 屬性得到良好支援後停用它們。（Firefox 錯誤 1886134，Firefox 錯誤 1855763）。

具體來說，此首選項將停用以下帶字首的屬性

• -moz-backface-visibility
• -moz-perspective
• -moz-perspective-origin
• -moz-transform
• -moz-transform-origin
• -moz-transform-style

layout.css.prefixes.transforms

設定為 true 以啟用。

shape() 函式

CSS shape() 函式是一種 <basic-shape> 資料型別，它允許您使用一個或多個“形狀命令”在 clip-path 和 offset-path 屬性中定義形狀。這些命令與 SVG 路徑命令 非常相似。shape() 函式在某些方面與 path() 函式相似，但與使用 SVG 路徑 語法的 path() 不同，shape() 使用標準 CSS 語法。這使您可以輕鬆建立和編輯形狀，並允許使用 CSS 數學函式。有關更多詳細資訊，請參閱 Firefox 錯誤 1823463 以瞭解 clip-path 中的 shape() 函式支援，Firefox 錯誤 1884424 以瞭解 offset-path 中的函式支援，以及 Firefox 錯誤 1884425 以瞭解其插值支援。

layout.css.basic-shape-shape.enabled

設定為 true 以啟用。

對稱的 letter-spacing

CSS letter-spacing 屬性現在將指定的字母間距均勻地分配到每個字元的兩側。這與當前主要在一側新增間距的行為不同。這種方法可以改善文字間距，尤其是在混合方向文字中 Firefox 錯誤 1891446。

layout.css.letter-spacing.model

設定為 true 以啟用。

相對顏色中對 calc() 顏色通道的支援

CSS calc() 函式現在可以解析 相對顏色 中的顏色通道，允許您正確計算不同顏色空間或使用不同函式表示法時顏色的變化 Firefox 錯誤 1889561。

layout.css.relative-color-syntax.enabled

設定為 true 以啟用。

CSS 錨點定位

CSS Anchor Positioning 模組定義了許多功能，允許將元素定義為錨點元素，並使其他元素相對於錨點元素進行定位。例如，這允許工具提示在關聯內容滾動透過視口時顯示在旁邊，在溢位視口時根據需要移動，並在錨點移出螢幕時消失。這些功能正在透過首選項逐步推出 (Firefox 錯誤 1838746)。

已實現的部分包括 CSSPositionTryRule 和 CSSPositionTryDescriptors (Firefox 131)。

layout.css.anchor-positioning.enabled

設定為 true 以啟用。

允許在元素支援的偽元素之後使用偽元素

已開始允許將 偽元素，例如 ::first-letter 和 ::before 附加到 元素支援的偽元素，例如 ::details-content 和 ::file-selector-button。

這將允許使用者，例如，透過使用 CSS 選擇器 ::details-content::first-letter 來設定 <details> 元素的第一個字母的樣式，或者在使用 CSS 選擇器 ::file-selector-button::before 的 <input> 元素的 type="file" 之前新增內容。

目前，只有對 ::details-content::first-letter 的支援可以使用 @supports(::details-content::first-letter) 進行解析。::file-selector-button 偽元素尚未標記為基於元素的偽元素，因此無法測試此項。（Firefox 錯誤 1953557，Firefox 錯誤 1941406）。

anchor-size() 函式

CSS anchor-size() 函式能夠設定錨定定位元素的大小、位置和邊距，相對於錨點元素的尺寸。（Firefox 錯誤 1972610）。

layout.css.anchor-positioning.enabled

設定為 true 以啟用。

:heading 和 :heading() 偽類

:heading 偽類允許您一次性設定所有 標題元素 (<h1>-<h6>) 的樣式，而不是單獨定位它們。:heading() 函式偽類允許您設定與 <An+B> 表示法匹配的標題元素的樣式。（Firefox 錯誤 1974386）。

layout.css.heading-selector.enabled

設定為 true 以啟用。

text-autospace 屬性

**text-autospace** CSS 屬性允許您指定中文/日文/韓文（CJK）字元與非 CJK 字元之間的空間。目前這些值僅被解析，對輸出沒有影響。（Firefox 錯誤 1869577）。

layout.css.text-autospace.enabled

設定為 true 以啟用。

SVG

此釋出週期中沒有實驗性功能。

JavaScript

Atomics.waitAsync()

Atomics.waitAsync() 靜態方法非同步等待共享記憶體位置，並返回一個表示操作結果的物件。它是非阻塞的，可以在主執行緒上使用。（Firefox 錯誤 1467846）。

javascript.options.atomics_wait_async

設定為 true 以啟用。

API

CloseWatcher 介面

具有“開啟”和“關閉”語義的內建 Web 元件，例如模態對話方塊和彈出視窗，可以使用裝置原生機制關閉。例如，在 Android 上，您可以使用返回按鈕關閉對話方塊。CloseWatcher 介面允許開發人員實現 UI 元件，例如自定義側邊欄，這些元件也可以透過原生機制關閉。（Firefox 錯誤 1888729）。

dom.closewatcher.enabled

設定為 true 以啟用。

Trusted Types API

Trusted Types API 提供了確保可能用作 XSS 攻擊向量的函式只能使用經過驗證或清理的資料呼叫的機制。

已實現此 API 的子集

• TrustedTypePolicyFactory:
  • getAttributeType() 和 getPropertyType() (Firefox 錯誤 1917783, Firefox 錯誤 1917784)。
• Document 介面的 write() 和 writeln() 方法現在接受 TrustedHTML 物件作為引數，除了字串。（Firefox 錯誤 1906301）。
• HTMLScriptElement 介面的 text、innerText 和 textContent 屬性現在接受 TrustedScript 物件作為值，而 src 接受 TrustedScriptURL 值。（Firefox 錯誤 1905706）。
• Window.setInterval() 和 Window.setTimeout() 方法可以使用 TrustedScript 呼叫。（Firefox 錯誤 1931290）。
• 全域性 trustedTypes 屬性可用於訪問 Trusted Types API。
• 屬性 Element.innerHTML 和 ShadowRoot.innerHTML 可以與 受信任的型別 呼叫。

dom.security.trusted_types.enabled

設定為 true 以啟用。

HTML Sanitizer API

HTML Sanitizer API 允許開發人員獲取不可信的 HTML 字串並對其進行清理，以便安全地插入到文件的 DOM 中。

dom.security.sanitizer.enabled

設定為 true 以啟用。

刪除 beforescriptexecute 和 afterscriptexecute 事件

Document 介面上的非標準事件 beforescriptexecute 和 afterscriptexecute，以及 Element 介面上的 afterscriptexecute 和 beforescriptexecute 正在被移除。它們在 Nightly 中已被停用。（Firefox 錯誤 1954685）。

dom.events.script_execute.enable

設定為 true 以啟用。

通知動作和 maxActions 屬性

Notification 介面的 actions 只讀屬性和 maxActions 靜態只讀屬性在桌面版 Nightly 中受支援。它們分別包含透過 ServiceWorkerRegistration.showNotification() 設定的通知動作，以及可以設定的最大動作數。（Firefox 錯誤 1225110，Firefox 錯誤 1963263）。

dom.webnotifications.actions.enabled

設定為 true 以啟用。

圖形：Canvas、WebGL 和 WebGPU

WebGL：草案擴充套件

當此首選項啟用時，目前處於“草稿”狀態並正在測試的任何 WebGL 擴充套件都將啟用以供使用。目前，Firefox 沒有測試任何 WebGL 擴充套件。

WebGPU API

WebGPU API 為使用使用者裝置或計算機的 圖形處理器 (GPU) 執行計算和圖形渲染提供低階支援。從版本 142 開始，它在 Windows 上除了服務工作者之外的所有上下文中都已啟用。對於其他平臺，它在 Nightly 中啟用。有關此 API 的進展，請參閱 Firefox 錯誤 1602129。

dom.webgpu.enabled

設定為 true 以啟用（在 Nightly 和 Windows 的所有版本中啟用）

dom.webgpu.service-workers.enabled

設定為 true 以啟用（在 Nightly 中啟用）

報告 API 對 CSP 違規的支援

Reporting API 現在支援報告 內容安全策略 (CSP) 違規。

ReportingObserver 介面返回的 Report 例項現在可以具有 "csp-violation" 的 type 值和包含 CSPViolationReportBody 介面例項的 body 屬性。這允許在網頁中報告 CSP 違規。

CSP 違規報告也可以傳送到在 CSP report-to 指令中按名稱指定的遠端端點——端點名稱和相應的 URL 必須首先在 Reporting-Endpoints 或 Report-To HTTP 響應頭中定義。該報告是上述 Report 物件的序列化，其中 body 屬性是 CSPViolationReportBody 例項的序列化。

此違規報告取代了類似的 CSP 特定機制，用於傳送違規報告，該機制使用 CSP report-uri 指令設定報告端點的 URL，並具有 CSP 特定的 JSON 違規報告格式。（Firefox 錯誤 1391243）。

dom.reporting.enabled

設定為 true 以啟用。

WebRTC 和媒體

以下實驗性功能包括在 WebRTC API、Web Audio API、Media Source Extensions API、Encrypted Media Extensions API 和 Media Capture and Streams API 中發現的功能。

非同步 SourceBuffer 新增和刪除

這為 SourceBuffer 介面添加了基於 Promise 的方法 appendBufferAsync() 和 removeAsync()，用於新增和刪除媒體源緩衝區。有關更多資訊，請參閱 Firefox 錯誤 1280613 和 Firefox 錯誤 778617。

media.mediasource.experimental.enabled

設定為 true 以啟用。

AVIF 合規性嚴格度

image.avif.compliance_strictness 首選項可用於控制處理 AVIF 影像時應用的 *嚴格度*。這允許 Firefox 使用者顯示在某些其他瀏覽器上渲染的影像，即使它們不嚴格合規。

image.avif.compliance_strictness

表示 *嚴格度* 級別的數字值。允許的值是

• 0：寬鬆。接受在建議（“should”語言）和要求（“shall”語言）中存在規範違規的影像，前提是它們可以安全或明確地解釋。
• 1 **（預設）**：混合。拒絕違反要求（“shall”），但允許違反建議（“should”）。
• 2：嚴格。拒絕任何違反指定要求或建議的行為。

JPEG XL 支援

如果啟用此功能，Firefox 支援 JPEG XL 影像。有關更多詳細資訊，請參閱 Firefox 錯誤 1539075。

請注意，如下所示，該功能僅在 Nightly 構建中可用（無論是否設定首選項）。

image.jxl.enabled

設定為 true 以啟用。

WebVR API

WebVR API（已停用）

已棄用的 WebVR API 正在被移除。它在所有構建中預設停用 Firefox 錯誤 1750902。

dom.vr.enabled

設定為 true 以啟用。

HTMLMediaElement 屬性：audioTracks 和 videoTracks

啟用此功能會將 HTMLMediaElement.audioTracks 和 HTMLMediaElement.videoTracks 屬性新增到所有 HTML 媒體元素。但是，由於 Firefox 目前不支援多音訊和影片軌道，因此這些屬性最常見的用例不起作用，所以它們都預設停用。有關更多詳細資訊，請參閱 Firefox 錯誤 1057233。

media.track.enabled

設定為 true 以啟用。

GeometryUtils 方法：convertPointFromNode()、convertRectFromNode() 和 convertQuadFromNode()

GeometryUtils 方法 convertPointFromNode()、convertRectFromNode() 和 convertQuadFromNode() 將在它們上呼叫的 Node 中的給定點、矩形或四邊形對映到另一個節點。（有關更多詳細資訊，請參閱 Firefox 錯誤 918189。）

layout.css.convertFromNode.enable

設定為 true 以啟用。

GeometryUtils 方法：getBoxQuads()

GeometryUtils 方法 getBoxQuads() 返回相對於任何其他節點或視口的 Node 的 CSS 框。（有關更多詳細資訊，請參閱 Firefox 錯誤 917755。）

layout.css.getBoxQuads.enabled

設定為 true 以啟用。

Payment Request API

主要支付處理

Payment Request API 支援在 Web 內容或應用程式中處理基於 Web 的支付。由於在使用者介面測試期間出現了一個錯誤，我們決定推遲釋出此 API，同時就 API 的潛在更改進行討論。工作仍在進行中。（有關更多詳細資訊，請參閱 Firefox 錯誤 1318984。）

dom.payments.request.enabled

設定為 true 以啟用。

dom.payments.request.supportedRegions

國家程式碼，作為逗號分隔的區域允許列表（例如，US,CA）。

WebShare API

Web Share API 允許從網站共享檔案、URL 和其他資料。此功能在所有構建的 Android 上都已啟用，但在桌面版上（除非另有說明）需要首選項啟用。

dom.webshare.enabled

設定為 true 以啟用。

Screen Orientation API

ScreenOrientation.lock()

ScreenOrientation.lock() 方法允許裝置鎖定到特定方向，如果裝置支援並且瀏覽器預鎖定要求允許。通常，只有在文件全屏顯示時才允許在移動裝置上鎖定方向。有關更多詳細資訊，請參閱 Firefox 錯誤 1697647。

dom.screenorientation.allow-lock

設定為 true 以啟用。

Notifications API

在 Windows 系統和 Nightly 版本中，通知的 requireInteraction 屬性預設設定為 true (Firefox 錯誤 1794475)。

dom.webnotifications.requireinteraction.enabled

設定為 true 以啟用。

安全和隱私

不安全頁面標記

當頁面以不安全的方式載入時（即使用 HTTP 而不是 HTTPS），兩個 security.insecure_connection_text_* 首選項會在位址列中傳統的鎖定圖示旁邊新增一個“不安全”文字標籤。browser.urlbar.trimHttps 首選項會從位址列 URL 中截斷 https: 字首。有關更多詳細資訊，請參閱 Firefox 錯誤 1853418。

security.insecure_connection_text.enabled

設定為 true 以在正常瀏覽模式下啟用文字標籤。

security.insecure_connection_text.pbmode.enabled

設定為 true 以在隱私瀏覽模式下啟用文字標籤。

browser.urlbar.trimHttps

設定為 true 以從位址列 URL 中截斷 https: 字首。

許可權策略 / 功能策略

許可權策略 允許 Web 開發人員選擇性地啟用、停用和修改瀏覽器中某些功能和 API 的行為。它類似於 CSP，但控制的是功能而不是安全行為。這在 Firefox 中實現為 **功能策略**，這是規範早期版本中使用的名稱。

請注意，即使未設定使用者首選項，也可以透過 <iframe> 元素的 allow 屬性設定支援的策略。

dom.security.featurePolicy.header.enabled

設定為 true 以啟用。

保護隱私歸因 API (PPA)

PPA API 提供了一種替代使用者跟蹤的廣告歸因方法，使用新的 navigator.privateAttribution 物件以及 saveImpression() 和 measureConversion() 方法。有關 PPA 的更多資訊，請閱讀原始直譯器和提議的規範。此實驗可以透過源試用為網站啟用，或者透過將首選項設定為 1 在瀏覽器中啟用。（Firefox 錯誤 1900929）。

dom.origin-trials.private-attribution.state

設定為 true 以啟用。

HTTP

樣式表資源的完整性策略

現在支援用於樣式資源的 HTTP Integrity-Policy 和 Integrity-Policy-Report-Only 標頭。這些允許網站強制執行樣式的 子資源完整性保證，或僅報告策略違規。請注意，Firefox 會忽略報告端點，並將違規記錄到開發者控制檯。當使用 Integrity-Policy 時，瀏覽器會阻止載入在具有 rel="stylesheet" 的 <link> 元素中引用的樣式，這些樣式要麼缺少 integrity 屬性，要麼其完整性雜湊與伺服器上的資源不匹配。（Firefox 錯誤 1976656）。

security.integrity_policy.stylesheet.enabled

設定為 true 以啟用。

帶有 MIME 型別 image/jxl 的 Accept 標頭

可以透過首選項配置 預設請求和影像請求 中的 HTTP Accept 標頭，以指示對 image/jxl MIME 型別的支援。

image.jxl.enabled

設定為 true 以啟用。

SameSite=Lax 預設

SameSite cookies 的預設值為 Lax。透過此設定，cookie 僅在使用者導航到源站點時傳送，而不用於將影像或框架載入到第三方站點等的跨站點子請求。有關更多詳細資訊，請參閱 Firefox 錯誤 1617609。

network.cookie.sameSite.laxByDefault

設定為 true 以啟用。

Access-Control-Allow-Headers 萬用字元不包括 Authorization

Access-Control-Allow-Headers 是對 CORS 預檢請求 的響應標頭，它指示最終請求中可以包含哪些請求標頭。響應指令可以包含萬用字元 (*)，這表示最終請求可以包含除 Authorization 標頭之外的所有標頭。

預設情況下，Firefox 在收到帶有 Access-Control-Allow-Headers: * 的響應後，會在最終請求中包含 Authorization 標頭。將首選項設定為 false 以確保 Firefox 不包含 Authorization 標頭。有關更多詳細資訊，請參閱 Firefox 錯誤 1687364。

network.cors_preflight.authorization_covered_by_wildcard

設定為 true 以啟用。

開發者工具

Mozilla 的開發者工具不斷發展。我們嘗試新想法，新增新功能，並在 Nightly 和 Developer Edition 渠道上進行測試，然後才將其釋出到 Beta 和正式版本。以下功能是當前實驗性開發者工具功能。

此釋出週期中沒有實驗性功能。

另見

• Firefox 開發者釋出說明
• Firefox Nightly
• Firefox 開發者版本