Firefox 61 開發者發行說明

Web 開發人員的變更

開發者工具

• 全新介面的控制檯 UI 已預設在瀏覽器控制檯和瀏覽器工具箱中啟用（Firefox bug 1362023/Firefox bug 1347127）。舊版 UI 已被移除。

• 在網路監視器中，單擊 POST 請求的上下文選單中的“在新標籤頁中開啟”會正確地使用預期的 POST 引數重新發送請求（Firefox bug 1407515）。

• CSS 變數現在支援自動補全，並帶有顏色樣本，讓你可以準確檢視每個變數中儲存的顏色值（Firefox bug 1451211）。

  • 此外，將滑鼠懸停在 CSS 變數名上會彈出一個工具提示，顯示該變數中儲存的顏色值（Firefox bug 1431949）。

• 主工具箱的工具欄已重新設計。亮點包括為窄檢視和寬檢視提供了更好的響應能力，新增了溢位下拉選單，清理了漢堡選單，並支援可排序的選項卡，以便你將最常用的面板移到前面（Firefox bug 1226272）。

• 網路監視器的工具欄現在包含一個下拉選單，可以更方便地訪問“全部複製為 HAR”和“全部儲存為 HAR”命令，以及一個“匯入…”選項（Firefox bug 1403530）。

• 網路監視器的詳細資訊窗格現在包含一個快取標籤頁，它顯示有關以前快取的資源的資訊（Firefox bug 859051）。

• 網路監視器的主工具欄已重新設計，以在較小的視口上更具響應性，並與控制檯在視覺上保持一致。

• 網路監視器的主工具欄現在包含一個網路限速（Throttling）下拉選單，該選單以前僅在響應式設計模式中可用。它允許你限制網路速度，以模擬各種不同的網路速度條件（Firefox bug 1349559）。

• 出於可讀性和效能原因，瀏覽器控制檯現在預設隱藏 CSS 錯誤（Firefox bug 1452143）。

• 瀏覽器控制檯現在包含一個重啟瀏覽器的命令。使用 Ctrl + Alt + R (Windows, Linux) 或 Cmd + Alt + R (Mac) 以與重啟前相同的標籤頁開啟瀏覽器。

• DevTools 的 Web 擴充套件 API devtools.network.onRequestFinished (Firefox bug 1311171) 和 devtools.network.getHAR (Firefox bug 1311177) 已實現（從而啟用諸如 har-export-trigger 等擴充套件）。

• 由於 Firebug 使用者向 DevTools 的過渡已完成，Firebug 主題已被移除（Firefox bug 1378108）。

HTML

無更改。

CSS

• CSS 解析已並行化（Firefox bug 1346988）。

• font-variation-settings 和 font-optical-sizing 的支援已預設啟用（Firefox bug 1447163）。

• grid-gap、grid-row-gap 和 grid-column-gap 屬性已更名為 gap、row-gap 和 column-gap，因為它們不再是網格專屬屬性（Firefox bug 1398482）。有關更多詳細資訊，請參閱盒模型對齊；盒之間的間距。為了 Web 相容性目的，舊名稱仍作為別名保留。

• flex-basis 的 content 值現在受支援（Firefox bug 1105111）。

• column-gap 的百分比值現在在CSS 多列布局中受支援（Firefox bug 1398537）。

• CSS :host 偽類現在受支援；它從自定義元素的 Shadow DOM 內部選擇該元素（Firefox bug 992245）。

• overflow 現在接受雙值語法（Firefox bug 1453148）。

• 根據其內容調整大小的彈性專案現在使用 max-content 進行調整，而不是 fit-content（Firefox bug 1282821）。有關這些值的更多詳細資訊，請參閱width 值定義。

• font-weight、font-stretch 和 font-style 現在支援 CSS Fonts level 4 定義的附加值（Firefox bug 1436048）。

  • font-weight 現在接受 1 到 1000（包含）之間的浮點值。
  • font-stretch 現在接受百分比值。
  • font-style 現在在 oblique 關鍵字後接受一個角度值。

• 上述條目中提到的三個屬性的 @font-face 描述符等效項也支援上述新語法，此外現在還支援雙值語法，允許我們指定字型家族支援的描述符值範圍（Firefox bug 1436061，Firefox bug 1436048）。

SVG

• 已將 ping、rel、referrerPolicy、relList、hreflang、type 和 text 屬性新增到 <a> 元素（SVGAElement），以與 HTML <a> 元素保持一致（Firefox bug 1451823）。
• <textPath> 元素（SVGTextPathElement）現在支援 SVG2 path 和 side 屬性（Firefox bug 1446617 和 Firefox bug 1446650）。
• SVGGeometryElement 介面現在支援更多元素，而不僅僅是 <path> 元素（Firefox bug 1325320）。

JavaScript

• 已實現 String.prototype.trimStart() 和 String.prototype.trimEnd() 方法（參見 Firefox bug 1434007）。出於 Web 相容性原因，trimLeft 和 trimRight 仍作為別名保留。

API

新 API

• PerformanceServerTiming API 已實現。它透過 Server-Timing 頭暴露伺服器端指標（Firefox bug 1423495）。

DOM

• anchors、applets、embeds、forms、head、images、links、plugins 和 scripts 屬性已從 HTMLDocument 介面移至 Document（Firefox bug 1415588）。
• DOMTokenList.replace() 現在返回一個布林值來指示替換是否成功發生，而不是 void（Firefox bug 1444909）。
• 根據規範的最新修訂，Fetch API 的 Request.credentials 屬性現在預設為 "same-origin"（Firefox bug 1394399）。
• 已實現 Request.destination 屬性（Firefox bug 1402892）。
• MutationObserver 選項字典 MutationObserverInit 不再將其所有布林屬性的預設值設定為 false。現在，只有 childList 和 subtree 具有預設值（仍然是 false）。其他屬性沒有預設值（Firefox bug 973638）。
• 支付請求 API 方法 PaymentRequest.show() 現在支援使用 Promise，允許客戶端程式碼在啟用支付介面之前提供更新的支付詳細資訊（Firefox bug 1441709）。

DOM 事件

無更改。

Service Workers

Firefox 的自定義選項中提供的“忘記”按鈕現在會清除 Service Worker 及其快取（Firefox bug 1252998）。

Web Audio、Media 和 WebRTC

• AudioContext() 建構函式現在接受可選的 options 引數。這允許你為新上下文配置首選的延遲和/或採樣率。
• 當 AudioBuffer 例項化失敗時，Firefox 現在會丟擲正確的異常。

WebVR

• WebVR API 已在 macOS 上預設啟用（Firefox bug 1244242）。

Canvas 和 WebGL

無更改。

CSSOM

• CSSStyleRule.selectorText 屬性現已完全實現，不再是隻讀屬性（Firefox bug 37468）。
• MediaList 介面的實現現在更接近規範。但尚未完全達到；例如，字串化屬性尚未實現（Firefox bug 1455807）。

HTTP

• 已實現 cookie 指令 SameSite。請參閱 Set-Cookie 和 HTTP cookies（Firefox bug 795346）。

網路

• Firefox 61 及更高版本不再支援使用 FTP 協議（即帶有 "ftp://" 方案的 URL）從 HTML 內容中載入子資源。FTP 仍作為直接輸入到 URL 欄中的頂級 URL 或作為獨立文件載入時受支援（Firefox bug 1404744）。

安全

無更改。

外掛

無更改。

其他

無更改。

Web 平臺移除的內容

開發者工具

Cmd/Ctrl + Shift + O 不再顯示/隱藏開發者工具選項面板 — 請改用 F1（Firefox bug 1409456）。

HTML

無更改。

CSS

@-moz-document 已在內容頁面中停用（Firefox bug 1422245）。

API

• File 介面的屬性 lastModifiedDate 已被移除（Firefox bug 1458883）。
• Node.setUserData 和 Node.getUserData 方法已從平臺中完全移除（Firefox bug 749981）。
• Element.createShadowRoot() 方法已移除。請改用 Element.attachShadow()（Firefox bug 1453789）。
• 已移除 URL.createObjectURL() 方法的 MediaStream 過載（Firefox bug 1454889）。

SVG

• 已移除已棄用（且從未正確實現）的 SVGViewElement.viewTarget 屬性（Firefox bug 1455763）。

• 以下已棄用屬性已從 SVGSVGElement 中移除（Firefox bug 1133172）

  • pixelUnitToMillimeterX
  • pixelUnitToMillimeterY
  • screenPixelToMillimeterX
  • screenPixelToMillimeterY

• 非標準建構函式 SVGNumber() 已被移除（Firefox bug 1455940）。

其他

無更改。

面向附加元件和 Mozilla 開發者的變更

WebExtensions

• 自動補全彈出視窗現在支援主題化（Firefox bug 1417883）。
• tabs.onUpdated 現在具有一個過濾器模板（Firefox bug 1329507）。
• 現在可以使用 browserSettings.overrideDocumentColors 覆蓋預設文件顏色（Firefox bug 1417810）。
• tabs.query 已透過實現一些有用的搜尋/過濾選項引數進行了最佳化（Firefox bug 1445316）。
• 你現在可以從 about:addons 首選項頁面使用 permissions.request（Firefox bug 1382953）。
• 你現在可以使用 browserSettings.useDocumentFonts 屬性強制網頁使用系統字型而不是它們指定的字型（Firefox bug 1400805）。
• 你現在可以使用 browserSettings.openUrlbarResultsInNewTabs 屬性使瀏覽器搜尋自動補全建議自動在新標籤頁而不是當前標籤頁中開啟（Firefox bug 1432645）。
• 你可以使用 browserSettings.closeTabsByDoubleClick 屬性控制使用者是否可以透過雙擊關閉標籤頁（Firefox bug 1435142）。
• toolbar、toolbar_text、toolbar_field、toolbar_field_text 和 toolbar_field_border 主題清單屬性現在也適用於查詢欄（Firefox bug 1418605）。
• 在 sidebarAction.getPanel()、sidebarAction.getTitle()、sidebarAction.setPanel()、sidebarAction.setTitle() 和 sidebarAction.setIcon() 中，你現在可以指定一個 windowId，以便這些功能僅針對特定視窗設定/獲取（Firefox bug 1390464）。
• tabs.hide() 和 tabs.show() 現在預設啟用（Firefox bug 1455040）。
  • 擴充套件程式首次隱藏標籤頁時，瀏覽器將告知使用者標籤頁正在被隱藏，向他們展示如何訪問隱藏的標籤頁，並提供停用擴充套件程式的選項（Firefox bug 1438363）。