2026 年 3 月 12 日にリリースされる Microsoft Edge 146 の新しい Web プラットフォームの機能と更新プログラムを次に示します。
最新の状態を維持し、最新の Web プラットフォーム機能を取得するには、Microsoft Edge (ベータ、開発、またはカナリア) のプレビュー チャネルをダウンロードします。 [Microsoft Edge Insider になる] に移動します。
詳細な内容:
- Edge DevTools
- WebView2
- CSS 機能
-
Web API
- スコープ付きカスタム要素レジストリ
- LCP は、候補を出力するための仕様の動作と一致します
- ナビゲーション API: プリコミットからコミット後ハンドラーを追加する
- 選択的なアクセス許可の介入
- MIME 型パラメーターはデータ URL に保持されます
Intl.Locale.prototype.variants- 反復子のシーケンス
- WebAudio 用再生統計 API
-
dragoverからdropイベントへのdropEffect値の保持 - サニタイザー API
- Web アプリ スコープ システムのアクセントカラー
- WebGPU 互換モード
-
WebGPU: テクスチャとサンプラー
letバインド - WebGPU: 一時的な添付ファイル
- 常に WebRTC でデータ チャネルをネゴシエートする
-
ファイル処理中に
targetURLを設定する -
再読み込み時に
LaunchParamsの再キューを停止する
- 配信元の試用版
Edge DevTools
「Microsoft Edge DevTools の新機能」を参照してください。
WebView2
WebView2 SDK のリリース ノートを参照してください。
CSS 機能
Microsoft Edge には、次の新しいカスケード スタイル シート (CSS) 機能が含まれています。
スクロールによってトリガーされるアニメーション
スクロールによってトリガーされるアニメーションを使用すると、スクロール位置に基づいてアニメーションを制御できます。 特定のスクロール位置に達したときにアニメーションを再生、一時停止、またはリセットできます。
この機能により、JavaScript を使用して、要素がいつ表示されているかを手動で検出し、アニメーションをトリガーする必要がなくなります。 代わりに、CSS でスクロール ベースのアニメーションを宣言的に定義できます。これにより、ブラウザーはワーカー スレッドでアニメーションを実行することでパフォーマンスを最適化できます。
関連項目:
- CSS アニメーション モジュール レベル 2 のタイムライン トリガー。
hanging と のキーワードを each-line します。 text-indent
text-indent プロパティでは、次の 2 つの省略可能なキーワードがサポートされるようになりました。
-
hanging: 最初の行を除くすべての行をインデントします。 -
each-line: 最初の行だけをインデントするのではなく、強制改行後の各行にインデントを適用します。
これらのキーワードを使用すると、さまざまなシナリオでテキストインデントを適用する方法をより詳細に制御できます。
関連項目:
- MDN の text-indent。
trigger-scope
trigger-scope プロパティを使用すると、アンカー スコープが anchor-scope プロパティと同様に、アニメーション トリガー名のスコープを制御できます。
timeline-trigger などのプロパティによって宣言されたトリガー名は、既定ではグローバルであり、名前付けの競合につながる可能性があります。
trigger-scopeを使用して、トリガー名の可視性を特定のスコープに制限し、意図しないアニメーションをトリガーしないようにします。
meta name="text-scale" 要素
<meta name="text-scale" content="scale">メタ要素を使用すると、ユーザーのオペレーティング システムとブラウザーのテキスト スケール設定を使用して、ページの既定のフォント サイズがスケーリングされます。
これは、ページでフォント相対単位 ( rem や emなど) を使用する場合に便利です。 この <meta> 要素は、ブラウザーが独自のテキストの自動サイズ設定メカニズムを無効にできるように、さまざまなテキスト サイズ設定で適切にスケーリングできるようにページが構築されていることをブラウザーに通知します。
Web API
Microsoft Edge には、次の新しい Web API 機能が含まれています。
スコープ付きカスタム要素レジストリ
CustomElementRegistry() コンストラクターを使用して、グローバル window.customElements レジストリとは別のカスタム要素レジストリを作成できるようになりました。
カスタム レジストリの作成は、同じタグ名を持つ複数のカスタム要素を共存させる場合に便利です。
たとえば、 <my-button> カスタム要素を定義する 2 つの異なるバージョンのライブラリがある場合、ライブラリのバージョンごとに個別のレジストリを作成して、名前の競合を回避できます。
関連項目:
LCP は、候補を出力するための仕様の動作と一致します
最大コンテンツフル ペイント (LCP) アルゴリズムは、ペイントされたコンテンツに基づいて候補を出力するようになりました。 これにより、仕様に従ってアルゴリズムが最新の動作に合わせて調整されます。
以前は、LCP は保留中のまだ描画されていないイメージを候補として検討できました。 この更新プログラムでは、候補の排出量は、ユーザーが実際に見た内容をより密接に反映します。
関連項目:
ナビゲーション API: プリコミットからコミット後ハンドラーを追加する
navigate イベントを処理するときに、プリコミット ロジックの実行中にコミット後の作業を登録できるようになりました。
これにより、コミット前にセットアップを行う必要があるが、コミット後に追加の作業を実行する必要がある同じドキュメント ナビゲーション フローのエルゴノミックスが向上します。
関連項目:
選択的なアクセス許可の介入
選択的なアクセス許可の介入は、機密性の高いアクセス許可がユーザーの意図と一致する方法で使用されるようにするのに役立ちます。
この変更により、日和見的なサード パーティのコンテキストによるアクセス許可の使用が制限され、カメラ、マイク、位置情報、Bluetoothなどの機能への意図しないアクセスの可能性が減ります。
関連項目:
- MDN でのアクセス許可 API。
MIME 型パラメーターはデータ URL に保持されます
データ URL を使用すると、MIME 型パラメーター ( charset や boundaryなど) が Content-Type ヘッダーに保持されるようになりました。
この変更により、データ URL 処理が Fetch API の仕様に合わせられ、処理中にデータ URL 内のパラメーター情報が失われないようにします。
関連項目:
Intl.Locale.prototype.variants
Intl.Locale.prototype.variants プロパティは、ダッシュ区切りの識別子の文字列としてロケールに関連付けられているバリアントを返します。
Intl.Localeの作成時に options オブジェクトに"variants"を渡すこともできます。
関連項目:
反復子のシーケンス
Iterator.concat() メソッドは、複数の反復子を順番に組み合わせて新しい反復子を作成します。
Iterator.concat()には任意の数の反復可能な値を渡すことができます。結果の反復子は、各反復可能な値を順番に生成します。
関連項目:
WebAudio 用再生統計 API
AudioContext.playbackStats プロパティは、次のような Web オーディオ再生に関する統計情報を提供します。
- 平均待機時間。
- 最小/最大待機時間。
- 実行時間が不足しています。
- アンダーラン数。
この API を使用して、オーディオ品質を監視し、オーディオ再生の不具合を検出します。
この機能は、以前は AudioContext.playoutStats と呼ばれています。 この機能は、最終的な Web Audio API 仕様に合わせて、 AudioContext.playbackStatsに名前が変更されました。 以前の名前は、下位互換性のために非推奨のエイリアスとして引き続き使用できます。
関連項目:
- MDN の Web Audio API。
dragoverからdropイベントへのdropEffect値の保持
ドラッグ アンド ドロップ API を使用すると、dragover イベントで設定されたdropEffect値が保持され、後続のdrop イベントで使用できるようになりました。
以前は、ブラウザーは独自のネゴシエートされた操作で dropEffect 値を上書きしていました。これにより、視覚的なフィードバックと実行される最終的な操作を制御できませんでした。
関連項目:
サニタイザー API
Sanitizer API は、ユーザーが指定した HTML 文字列から安全でない HTML コンテンツを削除するシンプルで安全な方法を提供します。
この API を使用して HTML 入力をサニタイズし、ユーザーが生成したコンテンツを表示するときに XSS (クロスサイト スクリプティング) 攻撃のリスクを軽減します。
関連項目:
- MDN での HTML サニタイザー API。
Web アプリ スコープ システムのアクセントカラー
accent-color: auto CSS プロパティのスコープは、インストールされている Web アプリ内でのみ機能するようになりました。 これは、既存のAccentColorと CSS システムカラーキーワードに合わせて調整されます。
以前は、 accent-color が auto に設定されていた場合、フォーム コントロールはすべてのコンテキスト (Web ページとインストールされた Web アプリの両方) でシステムアクセントカラーを採用していました。 この変更により、システムアクセントカラーは、インストールされている Web アプリコンテキストでのみ使用できるようになります。 これにより、フィンガープリントの制限に従いながら、開発者とユーザーの期待をより一貫性のあるものにできます。
関連項目:
WebGPU 互換モード
WebGPU 互換モードでは、OpenGL や Direct3D11 などの古いグラフィックス API を実行できる、WebGPU API のオプトインで軽く制限されたサブセットが追加されます。
このモードを選択し、その制約に従うことで、WebGPU アプリケーションの範囲を、WebGPU のコアに必要な最新の明示的なグラフィックス API を持たない多くの古いデバイスに拡張できます。
単純なアプリの場合、必要な唯一の変更は、
requestAdapter()を呼び出すときにfeatureLevelオプションを"compatibility"に設定することです。より高度なアプリの場合は、互換性モードの制限に対応するために、いくつかの変更が必要になる場合があります。 ただし、互換モードでは WebGPU API のサブセットが使用されるため、アプリは互換モードをサポートしていないブラウザーでも動作します。
関連項目:
WebGPU: テクスチャとサンプラー let バインド
WGSL では、texture_and_sampler_let言語機能により、let宣言でテクスチャまたはサンプラー型のオブジェクトを格納できるようになりました。
これにより次のようなことが可能になります。
- より柔軟なシェーダー コードorganization。
- テクスチャとサンプラー のバインドを再利用する。
WebGPU: 一時的な添付ファイル
新しい TRANSIENT_ATTACHMENT GPU テクスチャ使用フラグを使用して、タイル メモリに留まるレンダー パスの添付ファイルを作成します。 これにより、VRAM トラフィックが回避され、テクスチャの VRAM 割り当てが回避される可能性があります。
テクスチャが一時的 (または "メモリレス") として宣言されている場合、GPU は、そのテクスチャの内容が現在のレンダー パス内でのみ一時的に必要であることを認識します。
テクスチャの内容はレンダー パスの後に破棄されるため、ドライバーはメイン VRAM でそのテクスチャの領域を割り当てる必要がない場合があります。 一時的な添付ファイルに対するハードウェアサポートがなくても、このヒントを使用してパス間のテクスチャ割り当てを再利用し、ピークメモリ使用量を削減できます。
関連項目:
常に WebRTC でデータ チャネルをネゴシエートする
RTCPeerConnectionの新しいalwaysNegotiateDataChannels オプションを使用すると、データ チャネルを作成する前に SDP オファーのデータ チャネルをネゴシエートできます。 データ チャネル m ラインは、オーディオまたはビデオ m ラインの前に配置されます。
ピア接続を作成するときに、このオプションを使用して、データ チャネルが常にネゴシエートされるようにします。
const pc = new RTCPeerConnection({
alwaysNegotiateDataChannels: true
});
const offer = await pc.createOffer();
関連項目:
ファイル処理中に targetURL を設定する
ファイル処理を介してプログレッシブ Web アプリ (PWA) が起動されると、 LaunchParams.targetURL プロパティが起動キューに適切に設定されるようになりました。
以前は、このプロパティは、ファイルの起動が既存のウィンドウに送信されたときに null されていました。
これで、マニフェスト action フィールドの URL を launchQueue コンシューマーが使用できるようになりました。 これにより、ショートカットの起動やナビゲーションキャプチャなど、他の起動トリガーとの整合性が提供されます。
これにより、起動の意図をよりよく理解し、プライマリ ペイロードがファイル ハンドルのセットである場合でも、特定のルーティング ロジックを処理できます。
関連項目:
再読み込み時に LaunchParams の再キューを停止する
ユーザーが PWA でページを再読み込みしたときに、 launchQueue は最後の LaunchParams (ファイル ハンドルを含む) を再送信しなくなりました。
以前は、ページの更新によって、元の起動からのデータを使用して起動コンシューマーが再びトリガーされ、多くの場合、予期しない動作が発生しました。
たとえば、アプリでは、ページを更新するたびに、ユーザーに "変更の保存" または "このファイルの上書き" を求めるメッセージが表示される場合があります。
この変更により、再読み込みは再起動ではなく標準ナビゲーションとして扱われ、 launchQueue は新しいファイル起動イベントが実際に発生したときにのみ設定されます。
関連項目:
配信元の試用版
Microsoft Edge で利用できる新しい試験的 API の配信元試用版を次に示します。
配信元の試用版では、期間限定で、独自のライブ Web サイトで試験的な API を試すことができます。 配信元の試用版の詳細については、「 Microsoft Edge で配信元試用版を使用する」を参照してください。
使用可能な配信元試用版の完全な一覧については、「 Microsoft Edge 配信元試用版」を参照してください。
Web インストール API
有効期限は 2026 年 7 月 14 日です。
Web インストール API を使用すると、Web サイトは、 navigator.install()を使用して、他の Web サイトをユーザーのデバイスに Web アプリとしてインストールできます。
デジタル資格情報 API - 発行サポート
有効期限は 2026 年 7 月 14 日です。
Digital Credentials API を使用すると、資格情報発行者サーバーからデジタル ウォレット アプリケーションへのユーザー資格情報の発行をトリガーできます。 たとえば、この API を使用して、政府や大学のサーバーからユーザーのデジタル ウォレットへの新しい運転免許証または検証済みの学位のプロビジョニングをトリガーできます。
WebAssembly カスタム記述子
有効期限は 2026 年 6 月 16 日です。
WebAssembly カスタム記述子を使用すると、WebAssembly は、ソース レベルの型に関連付けられているデータをより効率的に、新しいカスタム記述子オブジェクトに格納できます。
prerender_until_script 投機ルール API アクション
有効期限は 2026 年 9 月 8 日です。
prerender_until_script は投機ルール API の新しいアクションです。 この新しいアクションは、 prefetch と prerender アクションの間の中間オプションを提供します。
ブラウザーでページをプリレンダリングするが、特定のスクリプトの実行を開始した後に停止してプリフェッチに戻す場合は、 prerender_until_script アクションを使用します。
拡張キャンバス TextMetrics
有効期限は 2026 年 8 月 11 日です。
Enhanced Canvas TextMetrics 配信元試用版では、TextMetrics Canvas API が拡張され、次の機能がサポートされます。
- 選択範囲の四角形。
- 境界ボックス クエリ。
- グリフ クラスターに基づく操作。
この新しい機能により、複雑なテキスト編集アプリケーションで、正確な選択、キャレット配置、ヒット テストを行うことができます。 また、クラスターベースのレンダリングでは、次のような高度なテキスト効果が容易になります。
- 独立した文字アニメーション。
- 独立した文字のスタイル。
この配信元試用版に関する情報:
WebNN
有効期限は 2026 年 7 月 14 日です。
WebNN 配信元の試用版を使用すると、プラットフォームによって提供される ML アクセラレーション機能を抽象化レイヤーで試すことができます。
WebNN は、次の内容を理解するのに役立ちます。
- 実際のモデルが、WebNN でサポートされている操作にどの程度対応しているか。
- WebNN がこれらの操作をさまざまなハードウェアにマップできる方法。
この配信元試用版に関する情報:
WebAudio 構成可能なレンダー量子
有効期限は 2026 年 9 月 8 日です。
WebAudio 構成可能なレンダリング量子の配信元試用版では、AudioContextまたはOfflineAudioContextを作成するときにrenderSizeHint オプションを指定して、特定のレンダリング量子サイズを要求できます。
<usermedia> HTML 要素
有効期限は 2026 年 7 月 14 日です。
<usermedia> HTML 要素は、カメラまたはマイクへのアクセスを要求するためのブラウザーによって制御される要素です。
JavaScript の代わりにセマンティック HTML 要素を使用する:
- アクセス許可要求についてユーザーにわかりやすくします。
- アクセシビリティを向上させます。
- 操作 UI パターンを防止します。
- メディア ストリームをアプリケーションに直接提供することで、ワークフローを合理化します。 これにより、個別の API 呼び出しが不要になります。
この配信元試用版に関する情報:
セキュリティで保護されていないコンテキストからのローカル ネットワーク アクセス
有効期限は 2026 年 5 月 19 日です。
セキュリティで保護されていないコンテキストからのローカル ネットワーク アクセスを使用すると、ローカル ネットワーク上のリソースに一時的にアクセスして、セキュリティで保護されていないコンテキストから発信できます。 これにより、ローカル ネットワーク アクセス要求を移行して、セキュリティで保護されたコンテキストから発信する時間が長くなります。
ローカル ネットワーク アクセスの制限については、「ローカル ネットワーク アクセス の新しいアクセス許可プロンプト」を参照してください。 この配信元試用版は、HTTP ヘッダーによって提供される配信元トークンを介してのみ有効にすることができます。
注:
このページの一部は、Chromium.org によって作成および共有された作業に基づく変更であり、クリエイティブ・コモンズ帰属4.0国際ライセンスに記載されている条件に従って使用されます。