Firefox における実験的機能
=================

 このページでは、提案されているまたは最先端のウェブプラットフォーム標準を含む、 Firefox の実験的かつ部分的に実装された機能を一覧にしています。また、それらの機能が搭載されているビルドの情報、「既定で」有効になっているかどうか、有効または無効にするためにどの*環境設定*を使用すべきかについても説明しています。
 これにより、機能がリリースされる前に、その機能をテストすることができます。

 新機能は、最初に Firefox Nightly ビルドに登場し、多くの場合、既定で有効化されます。
 その後、 Firefox Developer Edition に引き継がれ、最終的にはリリースビルドになります。
 リリースビルドにおいて既定で有効化された機能は、もはや実験的なものではないので、このトピックから削除してください。

実験的な機能は、 Firefox 設定エディター (Firefox のアドレスバーに `about:config` と入力) を使って、以下に示す関連する*設定*を変更することで、有効または無効にすることができます。

**メモ:** 編集者の方へ - これらの表に機能を追加する際には、リンク `[Firefox バグ <number>](https://bugzil.la/<number>)` を使って関連するバグへのリンクを含めるようにしてください。

HTML
----

### inert 属性

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 81 | No |
| Developer Edition | 81 | No |
| Beta | 81 | No |
| Release | 81 | No |
| Preference name | `html5.inert.enabled` |

### input type="search" のレイアウト

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 81 | No |
| Developer Edition | 81 | No |
| Beta | 81 | No |
| Release | 81 | No |
| Preference name | `layout.forms.input-type-search.enabled` |

### パスワード表示のトグル切り替え

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 96 | No |
| Developer Edition | 96 | No |
| Beta | 96 | No |
| Release | 96 | No |
| Preference name | `layout.forms.input-type-show-password-button.enabled` |

CSS
---

### CSS の迷子の制御文字を 16 進数のボックスで表示する

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 43 | Yes |
| Developer Edition | 43 | No |
| Beta | 43 | No |
| Release | 43 | No |
| Preference name | `layout.css.control-characters.enabled` or
 `layout.css.control-characters.visible` |

### initial-letter プロパティ

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 50 | No |
| Developer Edition | 50 | No |
| Beta | 50 | No |
| Release | 50 | No |
| Preference name | `layout.css.initial-letter.enabled` |

### メディアクエリーで縦横比として 1 つの数値を使用

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 70 | No |
| Developer Edition | 70 | No |
| Beta | 70 | No |
| Release | 70 | No |
| Preference name | `layout.css.aspect-ratio-number.enabled` |

### backdrop-filter プロパティ

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 70 | No |
| Developer Edition | 70 | No |
| Beta | 70 | No |
| Release | 70 | No |
| Preference name | `layout.css.backdrop-filter.enabled` |

### fit-content() 関数の width など大きさを指定するプロパティでの使用

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 91 | No |
| Developer Edition | 91 | No |
| Beta | 91 | No |
| Release | 91 | No |
| Preference name | `layout.css.fit-content-function.enabled` |

### グリッド: メイソンリーレイアウト

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 77 | Yes |
| Developer Edition | 77 | No |
| Beta | 77 | No |
| Release | 77 | No |
| Preference name | `layout.css.grid-template-masonry-value.enabled` |

### math-style プロパティ

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 83 | No |
| Developer Edition | 83 | No |
| Beta | 83 | No |
| Release | 83 | No |
| Preference name | `layout.css.math-style.enabled` |

### スクロール連動レイアウト

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


| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 97 | No |
| Developer Edition | 97 | No |
| Beta | 97 | No |
| Release | 97 | No |
| Preference name | `layout.css.scroll-linked-animations.enabled` |

SVG
---

### SVGPathSeg API

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


| Release channel | Version removed | Enabled by default? |
| --- | --- | --- |
| Nightly | 97 | No |
| Developer Edition | 97 | No |
| Beta | 97 | No |
| Release | 97 | No |
| Preference name | `dom.svg.pathSeg.enabled` |

JavaScript
----------

### 配列のグループ化メソッド

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


| Release channel | Version removed | Enabled by default? |
| --- | --- | --- |
| Nightly | 98 | Yes |
| Developer Edition | 98 | No |
| Beta | 98 | No |
| Release | 98 | No |
| Preference name | None |

API
---

### グラフィック: Canvas, WebGL, WebGPU

### OffscreenCanvas インターフェイス

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 44 | No |
| Developer Edition | 44 | No |
| Beta | 44 | No |
| Release | 44 | No |
| Preference name | `gfx.offscreencanvas.enabled` |

#### ヒット領域

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 30 | No |
| Developer Edition | 30 | No |
| Beta | 30 | No |
| Release | 30 | No |
| Preference name | `canvas.hitregions.enabled` |

#### WebGL: ドラフト拡張

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

#### WebGPU API

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 73 | No |
| Developer Edition | 73 | No |
| Beta | 73 | No |
| Release | 73 | No |
| Preference name | `dom.webgpu.enabled` |

### Audio Output API

#### MediaDevices.selectAudioOutput()

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 88 | No |
| Developer Edition | 88 | No |
| Beta | 88 | No |
| Release | 88 | No |
| Preference name | `media.setsinkid.enabled` |

### WebRTC とメディア

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 を参照してください。

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 62 | No |
| Developer Edition | 62 | No |
| Beta | 62 | No |
| Release | 62 | No |
| Preference name | `media.mediasource.experimental.enabled` |

#### AVIF 準拠の厳格性

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

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

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

| Release channel | Version added | Default value |
| --- | --- | --- |
| Nightly | 92 | 1 |
| Developer Edition | 92 | 1 |
| Beta | 92 | 1 |
| Release | 92 | 1 |
| Preference name | `image.avif.compliance_strictness` |

#### Android 版 Firefox の AV1 対応

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 81 | Yes |
| Developer Edition | — | — |
| Beta | — | — |
| Release | — | — |
| Preference name | — |

#### JPEG XL 対応

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 90 | No |
| Developer Edition | 90 | No |
| Beta | 90 | No |
| Release | — | — |
| Preference name | `image.jxl.enabled` |

#### Streams API: TransformStreams

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 101 | Yes |
| Developer Edition | 101 | No |
| Beta | 101 | No |
| Release | — | — |
| Preference name | `dom.streams.transform_streams.enabled` |

### サービスワーカー

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

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


| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 99 | yes |
| Developer Edition | 97 | No |
| Beta | 97 | No |
| Release | 97 | No |
| Preference name | `dom.serviceWorkers.navigationPreload.enabled` |

### WebVR API

#### WebVR API （無効化）

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


| Release channel | Version removed | Enabled by default? |
| --- | --- | --- |
| Nightly | 98 | No |
| Developer Edition | 98 | No |
| Beta | 98 | No |
| Release | 98 | No |
| Preference name | `dom.vr.enabled` |

### HTML DOM API

#### HTMLMediaElement の setSinkId() メソッド

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 64 | No |
| Developer Edition | 64 | No |
| Beta | 64 | No |
| Release | 64 | No |
| Preference name | `media.setsinkid.enabled` |

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 33 | No |
| Developer Edition | 33 | No |
| Beta | 33 | No |
| Release | 33 | No |
| Preference name | `media.track.enabled` |

#### ClipboardItem

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 87 | No |
| Developer Edition | 87 | No |
| Beta | 87 | No |
| Release | 87 | No |
| Preference name | `dom.events.asyncClipboard.clipboardItem` |

#### ClipboardRead

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 90 | No |
| Developer Edition | 90 | No |
| Beta | 90 | No |
| Release | 90 | No |
| Preference name | `dom.events.asyncClipboard.read` |

#### HTML Sanitizer API

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 84 | No |
| Developer Edition | 84 | No |
| Beta | 84 | No |
| Release | 84 | No |
| Preference name | `dom.security.sanitizer.enabled` |

#### Document の autoplayPolicy プロパティ

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 66 | No |
| Developer Edition | 66 | No |
| Beta | 66 | No |
| Release | 66 | No |
| Preference name | `dom.media.autoplay.autoplay-policy-api` |

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 31 | Yes |
| Developer Edition | 31 | No |
| Beta | 31 | No |
| Release | 31 | No |
| Preference name | `layout.css.getBoxQuads.enabled` |

#### GeometryUtils の getBoxQuads() メソッド

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 31 | Yes |
| Developer Edition | 31 | No |
| Beta | 31 | No |
| Release | 31 | No |
| Preference name | `layout.css.convertFromNode.enable` |

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

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

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 95 | Yes |
| Developer Edition | 95 | No |
| Beta | 95 | No |
| Release | 95 | No |
| Preference name | `dom.webcomponents.formAssociatedCustomElement.enabled` |

### 支払いリクエスト API

#### 主要な支払いの扱い

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 55 | No |
| Developer Edition | 55 | No |
| Beta | 55 | No |
| Release | 55 | No |
| Preference name | `dom.payments.request.enabled` and`dom.payments.request.supportedRegions` |

### WebShare API

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


| Release channel | Version changed | Enabled by default? |
| --- | --- | --- |
| Nightly | 71 | No (default). Yes (Windows from version 92) |
| Developer Edition | 71 | No |
| Beta | 71 | No |
| Release | 71 | No (Desktop). Yes (Android). |
| Preference name | `dom.webshare.enabled` |

### Screen Orientation API

#### ScreenOrientation.lock()

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

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

| Release channel | Version changed | Enabled by default? |
| --- | --- | --- |
| Nightly | 97 | No |
| Developer Edition | 97 | No |
| Beta | 97 | No |
| Release | 97 | No. |
| Preference name | `dom.screenorientation.allow-lock` |

セキュリティとプライバシー
-------------

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 59 | No |
| Developer Edition | 59 | No |
| Beta | 59 | No |
| Release | 59 | No |
| Preference name | `security.mixed_content.block_object_subrequest` |

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 60 | No |
| Developer Edition | 60 | No |
| Beta | 60 | No |
| Release | 60 | No |
| Preference name | `security.insecure_connection_text.enabled` for normal
 browsing mode;
 `security.insecure_connection_text.pbmode.enabled` for
 private browsing mode
  |

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

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 84 | Yes |
| Developer Edition | 60 | No |
| Beta | 60 | No |
| Release | 60 | No |
| Preference name | `security.mixed_content.upgrade_display_content` |

### 機能ポリシー

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

**メモ:** `Feature-Policy` ヘッダーは、仕様書では `Permissions-Policy` に名称が変更されており、本記事もいずれその変更を反映して更新される予定です。


| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 65 | No |
| Developer Edition | 65 | No |
| Beta | 65 | No |
| Release | 65 | No |
| Preference name | `dom.security.featurePolicy.header.enabled` |

### Clear-Site-Data の "cache" ディレクティブ

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

**メモ:** これは元々既定で有効でしたが、バージョン 9 4で優先順位が付けられました (Firefox バグ 1729291)。


| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 63 | No |
| Developer Edition | 63 | No |
| Beta | 63 | No |
| Release | 63 | No |
| Preference name | `privacy.clearsitedata.cache.enabled` |

開発ツール
-----

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

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 75 | No |
| Developer Edition | 75 | No |
| Beta | 75 | No |
| Release | 75 | No |
| Preference name | `devtools.webconsole.input.context` |

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 76[1] | Yes |
| Developer Edition | 76[1] | Yes |
| Beta | 76[1] | Yes |
| Release | 76[1] | No |
| Preference name | n/a |

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

### ネットワークモニターにおけるサーバー送信イベント

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 80 | Yes |
| Developer Edition | 80 | Yes |
| Beta | 80 | No |
| Release | 80 | No |
| Preference name | `devtools.netmonitor.features.serverSentEvents` |

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

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 81 | No |
| Developer Edition | 81 | No |
| Beta | 81 | No |
| Release | 81 | No |
| Preference name | `devtools.inspector.ruleview.inline-compatibility-warning.enabled` |

UI
--

### デスクトップ版のズーム

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

| Release channel | Version added | Enabled by default? |
| --- | --- | --- |
| Nightly | 42 | Yes |
| Developer Edition | 42 | No |
| Beta | 42 | No |
| Release | 42 | No |
| Preference name | `apz.allow_zooming` and (on Windows)
 `apz.windows.use_direct_manipulation` |

関連情報
----

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