Microsoft Edge 152 Web プラットフォーム リリース ノート (2026 年 8 月)

以下は、2026 年 8 月 27 日にリリースされる Microsoft Edge 152 の新しい Web プラットフォーム機能と更新プログラムです。

最新の状態を維持し、最新の Web プラットフォーム機能を入手するには、Microsoft Edge のプレビュー チャネル (Beta、Dev、または Canary) をダウンロードします。[ Microsoft Edge Insider になる] に移動します。

詳細な内容:

• Microsoft Edge DevTools
• WebView2
• CSS 機能
  • CSS alpha() 関数
  • CSS window-drag プロパティ
  • メディア要素擬似クラス
• HTML 機能
  • <camera>要素<microphone>
  • 参照ターゲット
  • autocorrect グローバル HTML 属性
• Web API
  • unload イベントの計画非推奨
  • encryptionScheme 属性を navigator.mediaCapabilities.decodingInfo()
  • CPU パフォーマンス API
  • ::backdrop、::scroll-marker、および CSSPseudoElement のサポート::view-transitions
  • 接続の許可リスト
  • OpaqueRange フォーム コントロール テキスト用
  • WebGPU: サブグループのサイズ制御
  • audioSelection:preferred オプションを getDisplayMedia()
• 元の試用版

Microsoft Edge DevTools

Microsoft Edge DevTools の新機能をご覧ください。

WebView2

WebView2 SDK のリリース ノートを参照してください。

CSS 機能

Microsoft Edge には、次の新しいカスケード スタイル シート (CSS) 機能が含まれています。

CSS alpha() 関数

CSS alpha() 関数は、指定されたアルファ値を既存の色に適用することで、新しい色を作成します。

たとえば、 alpha(from red / 0.5) では、不透明度が 50% の半透明の赤色が作成されます。

関連項目:

• CSS カラー モジュールのレベル 5 における相対アルファ色。

CSS window-drag プロパティ

インストールされたプログレッシブ Web アプリ (PWA) で使用する場合、 window-drag CSS プロパティは、ドラッグ可能なウィンドウ タイトル バー領域として動作する Web アプリの UI の領域を定義します。

要素に適用すると、クリック アンド ドラッグ ポインター操作により、最上位レベルのアプリケーション ウィンドウが移動します。

これは、デスクトップ オペレーティング システムにインストールされている PWA や、ブラウザーで提供されるタイトル バーが非表示の場合に、ウィンドウ コントロール オーバーレイ機能を使用してカスタム タイトル バーとドラッグ可能な領域を実装するアプリに役立ちます。

window-drag プロパティは、既存の app-region プロパティの標準化と名前の変更です。

関連項目:

• ウィンドウ コントロール オーバーレイを使用して、タイトル バー領域にコンテンツを表示するで、領域をウィンドウのドラッグ ハンドルにします。
• Windows Controls Overlay API at MDN.

メディア要素擬似クラス

次の CSS 擬似クラスは、状態に基づいて <audio> 要素と <video> 要素を照合します。

• :playing
• :paused
• :seeking
• :buffering
• :stalled
• :muted
• :volume-locked

関連項目:

• :playing MDN の CSS 擬似クラス 。
• :paused MDN の CSS 擬似クラス 。
• :seeking MDN の CSS 擬似クラス 。
• :buffering MDN の CSS 擬似クラス 。
• :stalled MDN の CSS 擬似クラス 。
• :muted MDN の CSS 擬似クラス 。
• :volume-locked MDN の CSS 擬似クラス 。

HTML 機能

Microsoft Edge には、次の新しい HTML 機能が含まれています。

<camera>要素<microphone>

<camera> と <microphone> HTML 要素はブラウザーから提供されるボタンで、アクティブ化するとカメラやマイクのストリームが切り替わります。 必要に応じて、カメラとマイクへのページ アクセスを許可するかどうかを選択するように求めるボタンが表示されます。

<camera> 要素と <microphone> 要素は、<usermedia> 要素と同じ基盤となるメカニズムを共有していますが、1 つの重要な違いは、単一の機能を要求するように設計されているということです。

• <camera>要素は特にビデオ キャプチャを要求します。
• <microphone> 要素は特にオーディオ キャプチャを要求します。

<usermedia>要素と同様に、<camera>要素と<microphone>要素は、ブラウザーによって制御され厳密にスタイル化された UI をページに埋め込みます。 これにより、アクセス許可のプロンプトがトリガーされたり、ストリームが開始されたりする前に、強力で意図的なユーザー シグナルが確実に送信されます。

関連項目:

• Microsoft Edge 151 Web プラットフォームのリリース ノートの<usermedia>要素 (2026 年 7 月)。

参照ターゲット

ShadowRoot オブジェクトの referenceTarget プロパティは、for、aria-labelledby、popovertarget、commandfor などの属性をシャドウ DOM 内の要素に転送します。 たとえば、<input>が Web コンポーネントのシャドウ DOM 内にある場合でも、これを使用して<label>をその<input>にリンクできます。

シャドウ ホストがシャドウ ツリー内の要素を参照ターゲットとして機能するように指定した場合、シャドウ ホストを指すすべての ID 参照は、代わりに参照ターゲット要素に転送されます。

次の例のように、 shadowrootreferencetarget 属性を使用して HTML で参照ターゲットを設定することもできます。

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

関連項目:

• referencetarget, in Element: attachShadow() method, at MDN.
• Shadowroot.referencetarget、 ShadowRoot 年に MDN にて発表されました。
• shadowrootreferencetarget、HTML コンテンツテンプレート要素<template>、MDN。

autocorrect グローバル HTML 属性

autocorrect グローバル HTML 属性は、<input> 要素と <textarea> 要素、および contenteditable 属性を持つ要素で、ユーザー入力のスペルや句読点のエラーを自動的に修正するかどうかを制御します。

関連項目:

• MDN の HTML グローバル属性のオートコレクト。

Web API

Microsoft Edge には、次の新しい Web API 機能が含まれています。

unload イベントの計画非推奨

Edge 152 では、新しい unload アクセス許可ポリシーが導入され、アンロード イベント リスナーを作成できるようになります。 既定値は最初は allow でしたが、Edge 152 と Edge 155 の間では徐々に既定値が deny に移行され、ページが明示的にアンロード ハンドラーを再度有効にしない限り、アンロード ハンドラーはページでの起動を停止します。 unload イベント ハンドラーを明示的に有効にするには、 allow 値を使用します。

• Edge 152: サイトが unload アクセス許可ポリシーを介してアンロード ハンドラーを明示的に有効にしない限り、アンロード ハンドラーは既定でページ読み込みの 60% で起動を停止します。
• Edge 154: ページ読み込みの 80% に増加します。
• Edge 155: ページ読み込みの 100% に増加します。

この変更は、Microsoft Edge に基づく Chromium プロジェクトで発生します。

ブラウザーとオペレーティング システムは unload イベントを発生させずにページを一時停止または終了できるため、unload イベントは、次の操作を行うための信頼できる方法ではありません。

• データを保存します。
• クリーンアップを実行します。
• セッションの終了を報告する。

unload イベントを使用すると、ページが戻る/進むキャッシュを使用できないようにすることもできます。これにより、前後のナビゲーションが遅くなる可能性があります。

上記のシナリオ用に設計されたライフサイクル イベントと API に移行する必要があります。 Web プラットフォームの長期的な方向性は、unload イベントのサポートを削除することです。

関連項目:

• 非推奨の意図: 非推奨のアンロード イベント
• Microsoft Edge 向けのサイトの互換性に影響する変更点の [非推奨のアンロード イベント] 行。

encryptionScheme 属性を navigator.mediaCapabilities.decodingInfo()

contentType 属性と robustness 属性に加えて、navigator.mediaCapabilities.decodingInfo() を使用してメディア機能をクエリするときに encryptionScheme 属性を使用できるようになりました。

これにより、コーデック、堅牢性、および暗号化スキームの特定の組み合わせがユーザーのデバイスでサポートされているかどうかを判断して、暗号化されたメディアが再生されるかどうかを検出できます。

関連項目:

• MDN の暗号化されたメディア拡張機能 API。
• MediaCapabilities: MDN の decodingInfo() メソッド 。

CPU パフォーマンス API

CPU パフォーマンス API を使用すると、ユーザーのデバイスの CPU パフォーマンスを判断できます。 この情報を使用して、ユーザー エクスペリエンスを向上させることができます。場合によっては、Compute Pressure API と組み合わせることができます。

Compute Pressure API は、ユーザー デバイスの CPU プレッシャーまたは使用率に関する情報を提供し、アプリケーションが CPU プレッシャーの変化に対応できるようにします。

関連項目:

• CPU パフォーマンス API。
• MDN で圧力 API を計算します。

::backdrop、::scroll-marker、および CSSPseudoElement のサポート::view-transitions

CSSPseudoElement インターフェイスは CSS 擬似要素を表し、Element.pseudo() または CSSPseudoElement.pseudo() を呼び出すことによって取得できます。

CSSPseudoElement インターフェイスでは、::after、::before、::marker 擬似要素に加えて、::backdrop、::scroll-marker、::view-transitions擬似要素がサポートされるようになりました。

これらの新しい擬似要素で CSSPseudoElement インターフェイスを使用すると、次のことが可能になります。

• ::backdrop: 背景がクリックされたときに、ダイアログのコンテンツ内のクリックを妨げることなくダイアログを閉じるのに便利です。 これにより、クリックが発生した場所を判断するための複雑な交差ロジックが不要になります。

• ::scroll-marker: クリック統計の収集に役立ちます。

• ::view-transitions: 現在アニメーション化している要素の座標を利用して、突然の視覚的ジャンプを回避するために、ビューの遷移を途中でインターセプトして新しいビューの遷移を開始できます。

関連項目:

• MDN の CSSPseudoElement 。
• 要素: MDN の pseudo() メソッド 。
• CSSPseudoElement: MDN の pseudo() メソッド 。

接続の許可リスト

接続許可リストを使用すると、Fetch API などのネットワーク API によって到達できるネットワーク エンドポイントの明示的な許可リストを宣言して適用できます。 これにより、送信ネットワーク制御が向上し、意図しない接続のリスクが軽減されます。

承認されたエンドポイントのリストは、 Connection-Allowlist HTTP 応答ヘッダーを介してサーバーから配布されます。 サーバーに接続する前に、ブラウザーはこの許可リストに対して宛先を評価します。 検証済みのエンドポイントへの接続は許可されますが、許可リストのエントリと一致しない宛先はブロックされます。

関連項目:

• 接続許可リスト
• MDN での Fetch API。

OpaqueRange フォーム コントロール テキスト用

<textarea>やテキストベースの<input>など、フォーム コントロールの値内のテキストのライブ範囲を表すには、OpaqueRange を使用します。

OpaqueRange テキスト範囲で次の操作を実行できます。

• getBoundingClientRect()やgetClientRects()などの操作。
• CSS カスタム強調表示 API との統合。

これにより、インライン候補、ハイライト、固定されたポップオーバーなどのシナリオが可能になります。

OpaqueRange値オフセットのみを公開することでカプセル化を保持し、startContainerとendContainerのnullを返します。

関連項目:

• MicrosoftEdge/Demos の OpaqueRange.
• OpaqueRange API を試してください。 入力のテキスト位置を測定するためにミラーdivを使用するのをやめましょう! YouTube で。
• MDN での範囲。

WebGPU: サブグループのサイズ制御

GPU subgroup-size-control 機能を使用すると、コンピュート シェーダーのサブグループ サイズを明示的に設定できます。

これは、AI ワークロードなど、特定のプラットフォームでコンピュート シェーダーのパフォーマンスを最適化する必要がある場合に役立ちます。

関連項目:

• MDN の WebGPU API。
• WebGPU 仕様のサブグループ。

audioSelection:preferred オプションを getDisplayMedia()

getDisplayMedia() メソッドで audioSelection:preferred オプションがサポートされるようになりました。

このオプションを使用すると、ビデオと共にオーディオ共有することをブラウザーに示すことができます。

関連項目:

• MediaDevices: MDN の getDisplayMedia() メソッド 。

元の試用版

Microsoft Edge で使用できる新しい実験的 API のオリジン試用版を次に示します。

オリジン試用版を使用すると、期間限定で独自のライブ Web サイトで実験的な API を試すことができます。 オリジン試用版の詳細については、「 Microsoft Edge でオリジン試用版を使用する」を参照してください。

利用可能なオリジン試用版の完全な一覧については、「 Microsoft Edge オリジン試用版」を参照してください。