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 开发者版本