Firefox における実験的機能

HTML の <dialog> 要素とそれに関連する DOM API は、 HTML ベースのモーダルなダイアログボックスに対応しています。現在の実装は少々不格好ですが、基本的には機能しています。 (詳細は バグ 840640 を参照してください。)

inputmode グローバル属性の実装は WHATWG 仕様書に併せて更新してきましたが (バグ 1509527)、 contenteditable コンテンツで利用できるようにするなど、他の変更も必要です。 (詳細は バグ 1205133 を参照してください。)

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

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

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

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

CSS の aspect-ratio プロパティは CSS4 Sizing 仕様の一部であり、ある縦横比のボックスを生成することができます。 (詳しくは バグ 1639963 および バグ 1646096 を参照してください。)

CSS の font-size-adjust プロパティが CSS5 Fonts 5 仕様で更新され、フォントメトリックを正規化するために定義するためのもう一つの値を追加しています。 (詳しくは バグ 1711479 を参照してください。)

CSS の @font-face/size-adjust 記述子は CSS5 Fonts 仕様の一部であり、このフォントに関連する書体の輪郭とメトリクスの乗数を定義します。これにより、様々なフォントが同じフォントサイズでレンダリングされた場合に、デザインの調和が取りやすくなります。 (詳細は バグ 1698495 を参照してください。)

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

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

none の値を content プロパティに設定すると、あたかも要素が空であるかのように、要素の子がこの要素の子としてレンダリングされることを抑制します。 (詳細は バグ 1699964 を参照。)

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

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

prefers-contrast メディア特性は、ウェブコンテンツの表示において、ユーザーが高め (または低め) のコントラストを指定しているかどうかを検出するために使用されます。詳細については、 バグ 1506364 を参照してください。

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

OffscreenCanvas インターフェイス

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

ヒット領域

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

WebGL: ドラフト拡張

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

WebGPU API

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

HTMLMediaElement の setSinkId() メソッド

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

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

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

ClipboardItem

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

ClipboardRead

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

HTML Sanitizer API

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

Document の autoplayPolicy プロパティ

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

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

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

GeometryUtils の getBoxQuads() メソッド

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

主要な支払いの扱い

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

Basic Card API

Payment Request API (en-US) に、カード支払い種別と支払い応答を記述するデータを定義する辞書を拡張します。 BasicCardRequest と BasicCardResponse を参照してください。

Visual Viewport API (en-US) は、文書やウィンドウのコンテンツ領域に対する視覚ビューポートの相対的な位置を示す情報へのアクセスを提供します。また、この情報の変更を監視するイベントにも対応しています。詳細については、 バグ 1550390 を参照してください。現在、これをデスクトップ版に展開する計画があり、その状況は バグ 1551302 で確認できます。

CSSStyleSheet インターフェースにコンストラクターが追加され、また関連する様々な変更により、 HTML にシートを追加することなく、新しいスタイルシートを直接作成できるようになりました。これにより、シャドウ DOM で使用するための再利用可能なスタイルシートの作成がより容易になります。我々の実装はまだ完全ではなく、詳細は バグ 1520690 を参照してください。

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

非同期の SourceBuffer の追加と削除

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

AVIF (AV1 Image File format) 対応

この機能を有効にすると、 Firefox は AV1 画像ファイル (AVIF) 形式をサポートします。これは、 AV1 動画圧縮アルゴリズムの機能を利用して画像サイズを小さくした静止画ファイル形式です。(詳細については、 バグ 1443863 を参照してください。)

Android 版Firefox の AV1 対応

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

JPEG XL 対応

この機能を有効にすると、 Firefox は JPEG XL 画像に対応します。詳細は バグ 1539075 を参照してください。この機能は、Firefox 90 以降で有効なナイトリービルドで利用できます。

暗号化されたページ上の Flash からのプレーンテキストのリクエストをブロックする

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

安全でないページのラベル付け

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

混合表示コンテンツのアップグレード

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

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

機能ポリシー

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

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

実行コンテキストセレクター

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

レスポンシブデザインモードでのモバイルジェスチャーのサポート

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

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

ネットワークモニターにおける Server-sent event

ネットワークモニターが server-sent event についての情報を表示する機能です。 (詳細については バグ 1405706 を参照してください。)

CSS のブラウザー互換性ツールチップ

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

デスクトップ版のズーム

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

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