Firefox における実験的機能

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 にすると有効になります。

この機能は、予期せずタブ (U+0009)、行送り (U+000A)、ページ送り (U+000C)、復改 (U+000D) 以外の制御文字 (Unicode の Cc カテゴリー) が現れていない場合に 16 進数で表示します。 (詳細は Firefox バグ 1099557 を参照してください)。

layout.css.control-characters.visible

true にすると有効になります。

CSS の initial-letter プロパティは、 CSS インラインレイアウト仕様書に含まれており、先頭文字の表示方法を dropped, raise, sunken から指定することができます。 (詳細は Firefox バグ 1223880 を参照してください。)

layout.css.initial-letter.enabled

true にすると有効になります。

fit-content() 関数は width やその他の寸法のプロパティに適用します。この関数は、 CSS グリッドレイアウトのトラックのサイズ調整ですでに十分対応しています。(詳細は 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 は CSS のアットルールで、 CSS セレクターの詳細度を過度に上げることなく、特定の子要素を選択することができます（Firefox バグ 1886441）。

layout.css.at-scope.enabled

true にすると有効になります。

CSS の font-variant-emoji プロパティを使用すると、絵文字の表示の既定のスタイルを設定できます。 詳細については、Firefox バグ 1461589 を参照してください。

layout.css.font-variant-emoji.enabled

true にすると有効になります。

CSS の prefers-reduced-transparency メディア機能を使用すると、ユーザーが端末で透明または半透明のレイヤー効果を最小限に抑える設定を有効にしているかどうかを検出できます。 詳細については、Firefox バグ 1736914 をご覧ください。

layout.css.prefers-reduced-transparency.enabled

true にすると有効になります。

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 にすると有効になります。

-moz- という接頭辞が付いた CSS 座標変換プロパティは、環境設定の layout.css.prefixes.transforms を false に設定することで無効にすることができます。これは、標準の 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 にすると有効になります。

CSS の shape() 関数は、<basic-shape> データ型の一つで、 clip-path および offset-path プロパティで 1 つ以上の「シェイプコマンド」を使用して、シェイプを定義することができます。これらのコマンドは、 SVG パスコマンド とよく似ています。 shape() 関数は、いくつかの点で path() 関数と似ていますが、SVG パス構文を使用する path() とは異なり、shape() は標準の CSS 構文を使用します。これにより、シェイプを簡単に作成および編集でき、　CSS 数学関数も使用できます。 詳細については、clip-path での shape() 関数の対応については Firefox バグ 1823463 を、 offset-path での関数の対応については Firefox バグ 1884424 を、補間処理への対応については Firefox バグ 1884425 を参照してください。

layout.css.basic-shape-shape.enabled

true にすると有効になります。

CSS の letter-spacing プロパティは、これで指定した文字間隔を各文字の両辺に均等に分割します。これは、主に片側に空白が追加される現在の動作とは異なります。この手法により、特に書字方向が混合したテキストで、テキストの間隔を改善することができます Firefox バグ 1891446。

layout.css.letter-spacing.model

true にすると有効になります。

CSS calc() 関数は、これで相対色の色チャンネルを解釈できるようになり、異なる色空間や異なる関数記法を使用している場合でも、色の変化を正しく計算できるようになりました。Firefox バグ 1889561 を参照してください。

layout.css.relative-color-syntax.enabled

true にすると有効になります。

CSS アンカー位置指定モジュールは、要素をアンカー要素として定義し、他の要素をアンカー要素に対して相対的に位置指定できるようにする一連の機能を定義しています。 これにより、例えば、ビューポートをスクロールすると、関連付けられたコンテンツの横にツールチップが表示され、ビューポートからあふれた場合は必要に応じて移動し、アンカーが画面外に移動すると消えるようになります。 この一連の機能は、環境設定（Firefox バグ 1838746）により徐々に導入されています。実装されている部分には、CSSPositionTryRule および CSSPositionTryDescriptors (Firefox 131) が含まれます。

layout.css.anchor-positioning.enabled

true にすると有効になります。

CSS の ::details-content 擬似要素を使用すると、<details> 要素のコンテンツのスタイルを設定することができます（Firefox バグ 1901037）。

layout.css.details-content.enabled

true にすると有効になります。

擬似要素（::first-letter や ::before など）を、要素に属する擬似要素に（::details-content や ::file-selector-button など）追加できるようにする作業が始まりました。

これにより、例えば、 <details> 要素の最初の文字のスタイルを設定するために CSS セレクター ::details-content::first-letter を使用したり、 <input> の type="file" の前にコンテンツを追加するために CSS セレクター ::file-selector-button::before を使用したりすることが可能になります。

現在、 ::details-content::first-letter のみが @supports(::details-content::first-letter) を使用して解釈でき、これを検査するには ::details-content 擬似要素の環境設定を有効にする必要があります。擬似要素 ::file-selector-button は、まだ要素ベースの擬似要素としてマークされていないため、これを検査する方法は現在ありません（Firefox バグ 1953557）。

layout.css.details-content.enabled

true にすると有効になります。

このリリースサイクルでは実験的機能はありません。

Atomics.waitAsync() 静的メソッドは、共有メモリー位置で非同期的に待機し、操作の結果を表すオブジェクトを返します。 これはブロックされず、メインスレッドで使用できます（Firefox バグ 1467846）。

javascript.options.atomics_wait_async

true にすると有効になります。

モーダルダイアログやポップオーバーなど、「開く」および「閉じる」の意味づけを持つ組み込みのウェブコンポーネントは、端末固有の仕組みを使用して閉じることができます。 例えば Android では、戻るボタンを使用してダイアログを閉じることができます。 CloseWatcher インターフェイスを使用すると、開発者は、同様にネイティブのメカニズムを使用して閉じることができる、独自のサイドバーなどの UI 要素を実装することができます。 (Firefox バグ 1888729).

dom.closewatcher.enabled

true にすると有効になります。

信頼済み型 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 プロパティが、信頼済み型 API にアクセスするために利用できます。
• Element.innerHTML および ShadowRoot.innerHTML プロパティは、信頼済み型で呼び出すことができます。

dom.security.trusted_types.enabled

true にすると有効になります。

HTML サニタイザー API

HTML サニタイザー API は、開発者が信頼できない HTML 文字列を受け取り、文書の DOM に安全に挿入するためにそれらをサニタイズすることを可能にします。

dom.security.sanitizer.enabled

true にすると有効になります。

HTMLDialogElement インターフェイスの closedBy 属性、および <dialog> 要素の対応する closedby 属性に対応しています。 これらは、ユーザーがダイアログ領域の外側をクリックしてダイアログを閉じることができるかどうか、あるいはダイアログをプログラムで閉じる必要があるかどうかなどを指定するために、開発者が使用できます。 （Firefox バグ 1964077）。

dom.dialog.light-dismiss.enabled

true にすると有効になります。

標準外の beforescriptexecute および afterscriptexecute イベント（Document インターフェイス）および afterscriptexecute および beforescriptexecute （Element インターフェイス）は削除される予定です。これらは Nightly では無効になっています。（Firefox バグ 1954685）。

dom.events.script_execute.enable

true にすると有効になります。

PerformanceEventTiming.interactionId を使用すると、特定のユーザーの操作によって発生するイベントの遅延時間を測定することができます。（Firefox バグ 1934683）。

dom.performance.event_timing.enable_interactionid

true にすると有効になります。

Notification インターフェイスの actions 読み取り専用プロパティおよび maxActions 静的読み取り専用プロパティは、デスクトップ版の Nightly で対応しています。 これらは、 ServiceWorkerRegistration.showNotification() で設定された通知アクション、および設定できるアクションの最大数をそれぞれ含んでいます。 （Firefox バグ 1225110, Firefox バグ 1963263）。

dom.webnotifications.actions.enabled

true にすると有効になります。

WebGL: ドラフト拡張

この設定を有効にすると、現在 "draft" ステータスでテスト中の WebGL 拡張機能が使用可能になります。現在、 Firefox でテスト中の WebGL 拡張機能はありません。

WebGPU API

WebGPU API は、ユーザーの端末やコンピューターの Graphics Processing Unit (GPU) を使用して、計算やグラフィックのレンダリングを行うための低レベルのサポートを提供します。この API の進捗状況については、 Firefox バグ 1602129 を参照してください。

dom.webgpu.enabled

true にすると有効になります。

レポート API は、コンテンツセキュリティポリシー (CSP) 違反の報告に対応するようになりました。

Report インスタンスは、ReportingObserver インターフェイスによって返され、type 値が "csp-violation"、body プロパティが CSPViolationReportBody インターフェイスのインスタンスを含むようになりました。 これにより、CSP 違反をウェブページ内で報告できるようになりました。

CSP 違反レポートは、CSP report-to ディレクティブで名前で指定されたリモートエンドポイントにも送信できます。エンドポイント名と対応する URL は、最初に Reporting-Endpoints または Report-To HTTP レスポンスヘッダーで定義する必要があります。 レポートは、上記で記述した Report オブジェクトのシリアライズで、body プロパティは CSPViolationReportBody インスタンスのシリアライズです。

この違反レポートは、CSP の report-uri ディレクティブを使用してレポートの送信先 URL を設定し、CSP 独自の JSON 違反レポート形式を採用している、CSP 独自の違反レポート送信メカニズムに代わるものです。 （Firefox バグ 1391243）。

dom.reporting.enabled

true にすると有効になります。

WebRTC API、Web Audio API、Media Source Extensions API、Encrypted Media Extensions API、Media Capture and Streams API にある以下の機能は実験的なものです。

非同期の SourceBuffer の追加と削除

これにより、メディアソースバッファーを追加および削除するためのプロミスベースのメソッド appendBufferAsync() および removeAsync() が SourceBuffer インターフェイスに追加されます。詳細については、 Firefox バグ 1280613 および Firefox バグ 778617 を参照してください。

media.mediasource.experimental.enabled

true にすると有効になります。

AVIF 準拠の厳格性

image.avif.compliance_strictness 環境設定は AVIF 画像を処理するときに適用する 厳格性 を制御するために使うことができます。 これにより、 Firefox ユーザーは、他のいくつかのブラウザーでレンダリングされる画像を、たとえ厳密に準拠していなくても表示することができます。

image.avif.compliance_strictness

厳格度レベルを示す数値。指定可能な値は次のとおりです。

• 0: 推奨 ("should" 言語) と要求 ("shall" 言語) の両方で仕様違反のある画像でも、安全に、あるいは曖昧さを排除して解釈できるのであれば、受け付けます。
• 1 （既定値）: 要件違反は却下し、勧告違反は許可する。
• 2: 厳格。要件や推奨事項の違反は一切認めません。

JPEG XL 対応

この機能を有効にすると、 Firefox は JPEG XL 画像に対応します。 詳細は Firefox バグ 1539075 を参照してください。

下記に示すように、この機能は Nightly ビルドでのみ利用できます（環境設定が設定されているかどうかに関係なく）。

image.jxl.enabled

true にすると有効になります。

WebVR API （無効化）

非推奨化された WebVR API は削除途上にあります。 これは既定ですべてのビルドで無効化されています Firefox バグ 1750902。

dom.vr.enabled

true にすると有効になります。

シャドウ DOM 境界を越える選択

Selection.getComposedRanges() メソッドを使用すると、現在選択されている範囲を表す StaticRange オブジェクトの配列を取得することができます。 Selection.getRangeAt() とは異なり、このメソッドは、シャドウ DOM 内のアンカーノードまたはフォーカスノードを含む範囲を返すことができますが、それは、それらのノードを含む ShadowRoot オブジェクトが渡された場合に限ります。 それ以外の場合は、そのノードを含むシャドウルートのホストノードを含めるようにスコープが再設定された範囲を返します。 Selection の setBaseAndExtent()、collapse()、extend() の各メソッドも、シャドウルート内のノードを受け入れるように変更されました。

マウスやキーボードなどによるユーザーの選択は、開いているシャドウツリーや閉じられたシャドウツリー内を含め、文書内のどこからでも開始および終了することができます。 （Firefox バグ 1867058）。

dom.shadowdom.selection_across_boundary.enabled

true にすると有効になります。

HTMLMediaElement の audioTracks および videoTracks プロパティ

この機能を有効にすると、 HTML のすべてのメディア要素に HTMLMediaElement.audioTracks および HTMLMediaElement.videoTracks プロパティが追加されます。しかし、 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 にすると有効になります。

主要な決済の扱い

決済リクエスト API は、ウェブコンテンツやアプリ内でウェブベースの決済を処理するためのサポートを提供します。ユーザーインターフェイスのテスト中にバグが発生したため、 API の変更を検討している間、この API の出荷を延期することにしました。作業は継続中です。(詳細は Firefox バグ 1318984 をご参照ください。)

dom.payments.request.enabled

true にすると有効になります。

dom.payments.request.supportedRegions

カンマで区切られた領域の許可リストとしての国コード（例: US,CA）。

ウェブ共有 API は、サイトのファイル、URL、その他のデータを共有することができます。 この機能は、 Android ではすべてのビルドで有効になっていますが、デスクトップでは（以下で指定されていない限り）設定で隠されています。

dom.webshare.enabled

true にすると有効になります。

ScreenOrientation.lock()

ScreenOrientation.lock() メソッドは、端末が対応しており、ブラウザーの事前ロック要件で許可されていれば、端末を特定の向きにロックすることを可能にします。 一般的に、向きのロックは、文書が全画面で表示されているモバイル端末でのみ許可されます。 詳しくは Firefox バグ 1697647 を参照してください。

dom.screenorientation.allow-lock

true にすると有効になります。

優先度付きタスクスケジュール API は、ウェブサイト開発者のコードで定義されているか、サードパーティーのライブラリーやフレームワークで定義されているかに関係なく、アプリケーションに属するすべてのタスクに優先順位を付ける標準化された方法を提供します。 Firefox バージョン 140 以降、この API は機能が完全になり、Nightly リリースで有効になっています。 （Firefox バグ 1734997 and Firefox バグ 1920115）

dom.enable_web_task_scheduling

true にすると有効になります。

通知には、Windows システムおよび Nightly リリースでは、既定で requireInteraction プロパティが true に設定されています。 (Firefox バグ 1794475).

dom.webnotifications.requireinteraction.enabled

true にすると有効になります。

ビュートランジション API は、異なるウェブサイトのビュー間でアニメーションによる遷移を簡単に作成するためのメカニズムを提供します。これは、SPA（単一ページアプリケーション）で特に有益です。（Firefox バグ 1950759）。

dom.viewTransitions.enabled

true にすると有効になります。

暗号化されたページ上の Flash コンテンツによって引き起こされる中間者攻撃 (MitM) を軽減するために、 OBJECT_SUBREQUEST をアクティブなコンテンツとして扱う設定が追加されました。詳細については、 Firefox バグ 1190623 を参照してください。

security.mixed_content.block_object_subrequest

true にすると有効になります。

この 2 つの環境設定では、安全でない方法でページが読み込まれた場合 (HTTPS ではなく HTTP を使用した場合) に、従来のロックアイコンの隣に「Not secure」というテキストラベルがアドレスバーに追加されます。 browser.urlbar.trimHttps 環境設定は、アドレスバーの URL から https: という接頭辞を削除します。詳細については、 Firefox バグ 1853418 を参照してください。

security.insecure_connection_text.enabled

通常の閲覧モードでテキストラベルを有効にするには、true に設定します。

security.insecure_connection_text.pbmode.enabled

プライベートブラウジングモードのテキストラベルを有効にするには、true に設定します。

browser.urlbar.trimHttps

アドレスバーの URL から https: という接頭辞を削除するには、 true に設定します。

権限ポリシーは、ウェブ開発者がブラウザーの特定の機能や API の動作を選択的に有効化、無効化、変更することを可能にします。 CSP と似ていますが、セキュリティの動作ではなく機能を制御します。 これは、Firefox では、仕様の以前のバージョンで使用されていた名前である機能ポリシーとして実装されています。

ユーザー環境設定が設定されていなくても、<iframe> 要素の allow 属性で対応しているポリシーを設定できることに注意してください。

dom.security.featurePolicy.header.enabled

true にすると有効になります。

PPA API は、 saveImpression() および measureConversion() メソッドを備えた新しい navigator.privateAttribution オブジェクトを使用して、広告の属性情報を追跡する代替手段を提供します。 PPA の詳細については、元の説明および提案仕様をご覧ください。この実験は、 origin trial またはブラウザーの環境設定を 1に設定することで、ウェブサイトで有効にすることができます。（Firefox バグ 1900929）。

dom.origin-trials.private-attribution.state

true にすると有効になります。

既定のリクエストおよび画像リクエストの HTTP Accept ヘッダーは、image/jxl MIME タイプに対応していることをを示す環境設定で構成できます。

image.jxl.enabled

true にすると有効になります。

SameSite クッキーの既定値は Lax です。この設定では、クッキーは、ユーザーが元のサイトに移動する場合にのみ送信され、サードパーティのサイトに画像やフレームを読み込むためのサイト間サブリクエストなどには送信されません。 詳しくは、 Firefox バグ 1617609 を参照してください。

network.cookie.sameSite.laxByDefault

true にすると有効になります。

Access-Control-Allow-Headers は、 CORS プリフライトリクエストに対するレスポンスヘッダーで、最終リクエストに含めることができるリクエストヘッダーを指定します。 レスポンスディレクティブには、ワイルドカード (*) を含めることができます。これは、最終リクエストに Authorization ヘッダーを除くすべてのヘッダーを含めることができることを示します。

既定では、Firefox は、 Access-Control-Allow-Headers: * という応答を受け取った後、最終リクエストに Authorization ヘッダーを含めます。 Firefox が Authorization ヘッダーを含めないようにするには、環境設定を false に設定してください。 詳しくは Firefox バグ 1687364 を参照してください。

network.cors_preflight.authorization_covered_by_wildcard

true にすると有効になります。

Mozilla の開発者向けツールは常に進化しています。私たちは新しいアイディアを試し、新しい機能を追加し、Nightly や Developer Edition のチャンネルでテストしてから、ベータ版やリリースに移行しています。以下の機能は、現在の実験的な開発者ツールの機能の一部です。

このリリースサイクルでは実験的機能はありません。

• Firefox 開発者リリースノート
• Firefox Nightly
• Firefox Developer Edition