Web 開發人員的變更
HTML
<hr>元素現在允許作為<select>元素的子元素。這是一項新功能,可提高選項較多的選擇列表的可讀性。(Firefox bug 1830909)。- 在
<ol>中,如果typeHTML 屬性設定為none、disc、circle或square,則不再生效;在<ul>中,如果設定為1、a、A、i或I,則不再生效。由於type是<ul>和<ol>列表的已棄用屬性,因此應使用list-style-typeCSS 屬性進行樣式設定。(Firefox bug 1868087)。
CSS
-
CSS
offset-position屬性現在預設可用。它定義了元素在路徑上的初始位置。(Firefox bug 1598152) -
定義 CSS
offset-path的各種方法——包括<basic-shape>、<coord-box>和url()——現在預設啟用。(Firefox bug 1598159) -
CSS
ray()函式現在預設可用。您可以使用此函式將offset-path定義為從offset-position開始並沿指定角度方向延伸的線段。(Firefox bug 1598151) -
clip-path和offset-path屬性現在接受rect()和xywh()形狀函式。這些<basic-shape>值允許透過元素邊緣的距離(rect())或座標和大小(xywh())定義的矩形來剪裁和偏移元素。(Firefox bug 1868722)。
JavaScript
-
ArrayBuffer.prototype.transfer()和ArrayBuffer.prototype.transferToFixedLength()方法現在可用於將記憶體的所有權從一個ArrayBuffer轉移到另一個。傳輸後,原始緩衝區將與其原始記憶體分離,因此無法使用;可以使用ArrayBuffer.prototype.detached檢查狀態。(有關詳細資訊,請參閱 Firefox bug 1865103)。 -
為了與其他瀏覽器保持一致,在解析 非標準日期字串時,
Date.parse()和Date()建構函式僅考慮指定月份的前三個字母。以前只接受截斷的、包含三個或更多字元的完整月份名稱。(有關詳細資訊,請參閱 Firefox bug 1862910)。
SVG
移除
- 移除了 SVG
<use>元素中以及透過SVGUseElement介面對data:URL 的支援,以防止 XSS 攻擊。可以透過將svg.use-element.data-url-href.allowed首選項設定為true來重新啟用舊功能,但出於安全原因不建議這樣做(Firefox bug 1806964)。
API
- 現在支援 LargestContentfulPaint API。此 API 是 Performance APIs 的一部分,並提供使用者與網頁互動前最大的影像或文字繪製的計時資訊(Firefox bug 1866266)。
DOM
- 現在支援
HTMLSelectElement.showPicker()方法,允許在使用者互動觸發時,透過程式設計方式啟動<select>元素的瀏覽器選擇器(Firefox bug 1865207)。
移除
- 移除了對 CSS
-moz-user-focus屬性的支援(Firefox bug 1871745 和 Firefox bug 1868552)。
WebDriver 一致性 (WebDriver BiDi, Marionette)
通用
- 修復了一個阻止 Perform Actions 正確合成
mouse輸入源的雙擊和其他多次點選事件的錯誤(Firefox bug 1864614)。此外,這些事件僅在實際滑鼠位置自上次點選操作以來未發生變化時才會發出(Firefox bug 1681076)。 Pause和Equal(小鍵盤塊)鍵的定義已更新,以符合 WebDriver 規範(Firefox bug 1863687)。
WebDriver BiDi
WindowProxy遠端物件的序列化現在也能正確處理程序外 iframe(Firefox bug 1867667)。browsingContext.setViewport命令現在區分viewport引數值中的undefined和null。如果設定為undefined,則表示視口應保持不變,而使用null將將其重置為原始尺寸(Firefox bug 1865618)。- 已引入對
browsingContext.traverseHistory命令的支援,從而可以向後和向前導航瀏覽器歷史記錄(Firefox bug 1841018)。 - 修復了所有支援的網路事件中的一個錯誤,該錯誤導致
contextID 始終報告頂級瀏覽上下文,即使導航發生在 iframe 內(Firefox bug 1869735)。
Marionette
- 修復了
Get Element Text命令的一個錯誤,該命令在元素位於 ShadowRoot 的 slot 中時錯誤地返回了空文字(Firefox bug 1824664)。
實驗性 Web 功能
這些功能是 Firefox 122 中新推出的,但預設停用。要嘗試它們,請在 about:config 頁面上搜索相應的首選項並將其設定為 true。您可以在 實驗性功能頁面上找到更多此類功能。
-
宣告式 Shadow DOM:
dom.webcomponents.shadowdom.declarative.enabled。<template>元素現在支援shadowrootmode屬性,該屬性可以設定為open或closed,與attachShadow()方法的mode選項的值相同。它允許以宣告方式建立 shadow DOM 子樹。(Firefox bug 1712140) -
Shadow DOM 的可克隆選項和屬性。
Element.attachShadow()方法現在支援clonable布林選項,該選項指定建立的 shadow root 是否可克隆:預設值為false,但設定為true時,使用Node.cloneNode()或Document.importNode()克隆的 shadow host 將包含 shadow root 的副本。ShadowRoot介面現在支援clonable只讀屬性。如果 shadow root 可克隆,則返回true,否則返回false。對於透過宣告式 Shadow DOM 建立的 shadow root,它始終返回true。
當 shadow root 透過宣告式 Shadow DOM 建立時,
clonable選項預設設定為true,並且clonable屬性返回true。(Firefox bug 1712140) -
Popover API:
dom.element.popover.enabled。現在透過 HTML 屬性或 JavaScript API 支援在頁面內容之上顯示 popover,包括使用 CSS
:popover-open偽類進行樣式設定以及對::backdrop偽元素的擴充套件支援。有關更多詳細資訊,請參閱 Popover API 參考。(Firefox bug 1823757) -
Clipboard read and write:
dom.events.asyncClipboard.clipboardItem,dom.events.asyncClipboard.readText和dom.events.asyncClipboard.writeText。非同步 Clipboard API 現在完全受支援,包括
read()、readText()和write()方法以及ClipboardItem介面。在讀取非同源頁面提供的資料時,將出現一個貼上上下文選單供使用者確認。(Firefox bug 1809106) -
Intl.Segmenter: 預設僅在 Firefox Nightly 中啟用。Intl.Segmenter物件允許對字串進行準確的、與區域設定相關的文字分割。例如,要將文字分割成單詞,例如在不使用空格分隔單詞的語言中:Intl.Segmenter("ja-JP", { granularity: "word" })。(Firefox bug 1423593)