Firefox における実験的機能

HTMLElement の HTMLElement.inert プロパティは論理値で、存在する場合、ブラウザーが支援技術、ページ検索、テキスト選択から要素を「無視」するようになります。この機能の状態についての詳細は、 Firefox バグ 1655722 を参照してください。

input type="search" のレイアウトが更新されました。これにより、何らかの入力を始めたときに、他のブラウザーの実装と同様にクリアアイコンが現れるようになります。 (詳しくは Firefox バグ 558594 を参照してください。)

HTML のパスワード入力要素 (<input type="password">) に「目」のアイコンが入り、パスワードのテキストを表示したり隠したりすることができるようになります (Firefox バグ 502258)。

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

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

メディアクエリーで縦横比を指定する際に、 1 つの number を ratio として使用できるようになりました。 (詳細は Firefox バグ 1565562 を参照してください。)

backdrop-filter プロパティは、要素の背後の領域にフィルター効果を適用します。 (詳しくは Firefox バグ 1178765 を参照してください。)

fit-content() 関数は width やその他の寸法のプロパティに適用します。この関数は、 CSS グリッドレイアウトのトラックのサイズ調整ですでに十分対応しています。(詳細は Firefox バグ 1312588 を参照してください。)

グリッドレイアウトをベースにしたメイソンスタイルレイアウトを追加しました。メイソンリーレイアウトスタイルレイアウトは、一方の軸がメイソンリーレイアウトスタイル、もう一方の軸が通常のグリッドレイアウトです。これにより、開発者は Pinterest のようなギャラリースタイルのレイアウトを簡単に作成できるようになります。詳しくは Firefox バグ 1607954 を参照してください。

math-style (en-US) プロパティは、 MathML の数式の高さを通常にするかコンパクトにするかを示します。 (詳しくは Firefox バグ 1665975 を参照してください。)

@scroll-timeline アットルールと animation-timeline プロパティで、（時間ではなく）コンテナーのスクロール進行に連動するアニメーションを定義することができます。 指定されたスクロールタイムラインは、 CSS アニメーション に animation-timeline プロパティを用いて関連付けられます。 詳しくは Firefox バグ 1676791 と Firefox バグ 1676782 を参照してください。

SVGPathSeg API はアンシッピングされ、設定に隠されて配置されています。 これには SVGPathSegList, SVGPathElement.getPathSegAtLength() (en-US), SVGAnimatedPathData が含まれます。 （詳しくは Firefox バグ 1388931 を参照してください）。

jsxref("Array.prototype.groupBy()")}} と Array.prototype.groupByToMap() メソッドは、それぞれテスト関数が返す文字列や値を使って配列の要素をグループ化するために使用されます。 文字列で要素のグループを表現できる場合は groupBy メソッドを使用し、値をキーとして使用することが理にかなっている場合は groupByToMap() を使用する必要があります。 （詳しくは Firefox バグ 1739648 を参照してください。）

OffscreenCanvas インターフェイスは、画面外で描画できるキャンバスを提供します。これは、ウィンドウとワーカーの両方のコンテキストで利用できます。（詳細は Firefox バグ 1390089 を参照してください。）

ヒット領域

マウスの座標がキャンバス上の特定の領域内にあるかどう かは、解決すべき一般的な問題です。ヒット領域 API を使用すると、キャンバスの領域を定義することができ、キャンバス上のインタラクティブコンテンツをアクセシビリティ ツールに公開する別の可能性が生まれます。

WebGL: ドラフト拡張

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

WebGPU API

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

MediaDevices.selectAudioOutput()

MediaDevices.selectAudioOutput() は、ユーザーが希望する音声出力を選択できるようにプロンプトを表示します。 Firefox バグ 1699026 を参照してください。

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

非同期の SourceBuffer の追加と削除

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

AVIF 準拠の厳格性

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

許可される値は以下の通りです。

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

Android 版 Firefox の AV1 対応

Android 版 Firefox で、 AV1 形式のメディアを利用できるようになります。この機能は、 Android 版 Firefox 81 以降で有効な Nightly ビルドで利用できます。既定では有効になっています。

JPEG XL 対応

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

Streams API: TransformStreams

変換ストリーム に対応し、クラス TransformStream と TransformStreamDefaultController (en-US) およびメソッド ReadableStream.pipeThrough() を追加しました。

ナビゲーション時のサービスワーカーリソースの先読み

NavigationPreloadManager インターフェイスを使用すると、ページに移動するときにリソースの先読みを有効にすることができます。 先読みはワーカーの起動と並行して行われ、ナビゲーションの開始からリソースがフェッチされるまでの合計時間を短縮します。

WebVR API （無効化）

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

HTMLMediaElement の setSinkId() メソッド

HTMLMediaElement.setSinkId() は、 HTMLMediaElement に音声出力機器のシンク ID を設定することで、音声の出力先を変更することができます。詳細は Firefox バグ 934425 を参照してください。

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

この機能を有効にすると、 HTML のすべてのメディア要素に HTMLMediaElement.audioTracks および HTMLMediaElement.videoTracks プロパティが追加されます。しかし、 Firefox は現在、複数の音声トラックや動画トラックに対応していないため、これらのプロパティの最も一般的な使用例は機能せず、既定では両方とも無効になっています。詳細については Firefox バグ 1057233 を参照してください。

ClipboardItem

Clipboard API の ClipboardItem インターフェイスに対応し、 Clipboard.write() はクリップボードアイテムの並びを、以前に実装されていた dataTransfer オブジェクト の代わりに受け入れます。これは、以前は dom.events.asyncClipboard.dataTransfer であった dom.events.asyncClipboard.clipboardItem を設定することで利用可能です。詳細については、 Firefox バグ 1619947 を参照してください。

ClipboardRead

クリップボードインターフェイスの Clipboard.read() メソッドは、以前は dom.events.asyncClipboard.clipboardItem の下にあったものが、 dom.events.asyncClipboard.read の環境設定の下でも利用できるようになりました。(詳細は (Firefox バグ 1701512) を参照してください。)

HTML Sanitizer API

HTML Sanitizer API は、開発者が信頼できない HTML 文字列を受け取り、文書の DOM に安全に挿入するためにそれらをサニタイズすることを可能にします。各設定プロパティ内の既定の要素 (サニタイズされる要素) はまだ検討中です。このため、 config 引数は実装されていません (詳しくはコンストラクター (en-US)を参照してください)。詳細は、 Firefox バグ 1673309 を参照してください。

Document の autoplayPolicy プロパティ

document の autoplayPolicy プロパティは、 (メディア要素の autoplay プロパティを使用するか、または JavaScript コードから再生を開始させようとする) メディアの自動再生のリクエストをブラウザーがどのように処理するかを示す文字列を返します。この API の仕様はまだ作成中です。この値は、ユーザーが何をしているか、ユーザーの好み、およびブラウザ全体の状態に応じて、時間とともに変化します。想定される値としては、 allowed (自動再生は現在許可されている)、 allowed-muted (自動再生は許可されているが、音声がないかミュートされている場合のみ)、disallowed (自動再生は現在許可されていない) などがあります。詳細は、 Firefox バグ 1506289 を参照してください。

GeometryUtils の convertPointFromNode(), convertRectFromNode(), convertQuadFromNode() メソッド

GeometryUtils の convertPointFromNode()、convertRectFromNode()、convertQuadFromNode() の各メソッドは、指定された点、矩形、または四角形を、呼び出されたノードから別のノードにマッピングします。 (詳細は Firefox バグ 918189 を参照してください。)

GeometryUtils の getBoxQuads() メソッド

GeometryUtils の getBoxQuads() メソッドは、他のノードやビューポートとの相対的な Node の CSS ボックスを返します。(詳細は Firefox バグ 917755 を参照してください。)

ElementInternals: フォームに関連するカスタム要素のメソッドとプロパティ

新しい ElementInternals (en-US) プロパティとメソッドで、カスタム要素がフォームと相互作用できるようにします。

• form (en-US) プロパティは要素に関連付けられたフォームを取得します。
• labels (en-US) プロパティは要素に関連付けられたラベルのリストを取得します。
• willValidate (en-US) プロパティははカスタムフォーム要素が検証されるかどうかをチェックします。
• setFormValue() (en-US) メソッドは、必要に応じてサニタイズ値とユーザー入力データをセットします。

詳しくはこれらのバグを参照してください。Firefox バグ 1556362, Firefox バグ 1556373, Firefox バグ 1556365, Firefox バグ 1556449 をご覧下さい。

主要な支払いの扱い

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

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

ScreenOrientation.lock()

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

画面の向きをロックすることはデスクトップシステムでは通常サポートされていないため、Android 用の Firefox Nightly ビルドを使用して about:config で設定を有効にする必要があることに注意してください。

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

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

この設定を有効にすると、 Firefox は安全なページでメディアコンテンツへの要求を HTTP から HTTPS に自動的にアップグレードします。これは、一部のコンテンツが安全に読み込まれる一方で、他のコンテンツが安全でないという混合コンテンツの状態を防ぐことを目的としています。(メディアのホストが HTTPS に対応していないために) アップグレードが失敗した場合、そのメディアは読み込まれません。(詳細については、 Firefox バグ 1435733 を参照してください。)

これはコンソールの警告も変更します。アップグレードが成功した場合、警告ではなく、リクエストがアップグレードされたことを示すメッセージを表示します。

機能ポリシーは、ウェブ開発者がブラウザーの特定の機能や API の動作を選択的に有効化、無効化、変更することを可能にします。 CSP と似ていますが、セキュリティの動作ではなく機能を制御します。

Clear-Site-Data HTTP レスポンスヘッダーの cache ディレクティブは、リクエストしているウェブサイトのブラウザーキャッシュをクリアします。

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

この機能では、コンソールのコマンドラインにボタンが表示され、入力した式が実行されるコンテキストを変更することができます。(詳細は、 Firefox バグ 1605154 および Firefox バグ 1605153 を参照してください。)

マウスジェスチャーを使用して、スワイプ/スクロール、ダブルタップやピンチズーム、長押しによるコンテキストメニューの選択/オープンなどのモバイルジェスチャーをシミュレートすることができます。 (詳細については Firefox バグ 1621781、Firefox バグ 1245183、Firefox バグ 1401304 を参照してください。)

[1] ダブルタップのジェスチャーによるズームの対応は Firefox 76 で追加されました。他のジェスチャーは Firefox 79 で追加されました。

ネットワークモニターがサーバー送信イベントについての情報を表示する機能です。 (詳細については Firefox バグ 1405706 を参照してください。)

CSS ルールビューでは、既知の問題がある CSS プロパティの隣にブラウザーの互換性ツールチップを表示させることができます。詳しい情報は HTML の調査と編集 > ブラウザー互換性の警告を参照してください。

この機能により、デスクトップ PC では、モバイル端末のようにレイアウトの変更をすることなく、スムーズなピンチズームが可能になります。(詳細は Firefox バグ 1245183 および Firefox バグ 1620055 を参照してください。)

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