Microsoft Edge 154 Web プラットフォーム リリース ノート (2026 年 9 月 24 日)

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

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

詳細な内容:

• Microsoft Edge DevTools
• WebView2
• CSS 機能
  • scroll-marker-group modes
  • text-decoration-inset
  • FontFace width 属性と font-width 記述子
  • CSSStyleValue 階層をワーカー コンテキストに公開する
• HTML 機能
  • レスポンシブ サイズ <iframe>
  • ポップオーバーとダイアログのライト オフの改善
• Web API
  • WebSocket コンストラクターの Options 引数
  • targetAddressSpace オプション (WebSocket 用)
  • バックグラウンド フェッチ API に対する CORS の適用
  • バックグラウンド フェッチのローカル ネットワーク アクセス制限
  • フェッチ API: AbortController からフェッチ応答への理由の転送
  • Iterator.includes
• 元の試用版

Microsoft Edge DevTools

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

WebView2

参照:

• ランタイム 154.0.4258.31 (2026 年 9 月 28 日)

CSS 機能

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

scroll-marker-group modes

scroll-marker-group プロパティで、links と tabs の 2 つのモードがサポートされるようになりました。

• links: 生成された ::scroll-marker-group は、ナビゲーション リストのように機能します。 既定のモード。

  このモードは、フラグメント アンカーと組み合わせられる標準的なナビゲーション ランドマークを模倣するように設計されています。

  ::scroll-marker-group はナビゲーションの役割を取得し、::scroll-marker要素はリンクの役割を取得し、<nav><a>構造パターンに一致します。

  すべての ::scroll-marker 要素はシーケンシャル タブ位置になり、アクティブにすると、シーケンシャル フォーカス ナビゲーションの開始点がターゲット要素に設定され、独自のフォーカスを失います。 これは、 <a href="#target"> リンクをクリックする動作と同じです。

• tabs: 生成された ::scroll-marker-group はタブリストのように機能します。

  このモードは、タブ パターンを再現するように設計されています。

  ::scroll-marker-groupはタブリストの役割を取得し、::scroll-marker要素はタブの役割を取得し、それらの元の要素はタブパネルの役割を取得します。

  タブ パネルの動作を模倣するには、アクティブなマーカーから Tab キーを押すと、アクティブなタブパネル コンテンツに直接フォーカスが移動します。 非アクティブなタブのコンテンツは、アクセシビリティ ツリーから明示的に非表示になります。

関連項目:

• ::scroll-marker-group MDN の CSS 擬似要素 。
• ::scroll-marker MDN の CSS 擬似要素 。

text-decoration-inset

text-decoration-inset CSS プロパティは、下線、上線、およびラインスルー装飾を、装飾されたテキストの端からどの程度はめ込んでいるか、または境界を超えてどの程度拡張するかを制御します。

text-decoration-inset CSS プロパティでは、以下がサポートされています。

• auto.
• 長さの値。
• パーセンテージ値。
• 開始オフセットと終了オフセットを設定するための単一値構文と二重値構文。

これにより、装飾の間隔を調整し、背景グラデーションや追加要素の代わりにネイティブ テキストの装飾を使用して表示効果を作成できます。

関連項目:

• text-decoration-inset MDN の CSS プロパティ。 これにより、装飾の間隔を調整し、背景のグラデーションや追加の要素ではなく、ネイティブ テキストの装飾を使用して表示効果を作成できます。

FontFace width 属性と font-width 記述子

FontFace API の width 属性と @font-face 記述子の font-width プロパティが、stretch 属性と font-stretch プロパティのエイリアスになりました。

これにより、Microsoft Edge が更新された CSS Font Loading および CSS Fonts 4 仕様に合わせられます。

FontFace.width プロパティと font-width CSS プロパティを使用して、フォントの文字の幅を検査または初期化できるようになりました。

関連項目:

• FontFace at MDN.
• FontFace: MDN の stretch プロパティ。
• font-width MDN の CSS の規則の場所の記述子 。

CSSStyleValue 階層をワーカー コンテキストに公開する

ウィンドウスコープとワークレットスコープに加えて、次のコンストラクターがワーカーグローバルスコープで公開されるようになりました。

• CSSKeywordValue
• CSSNumericValue
• CSSStyleValue
• CSSUnitValue
• CSSUnparsedValue

これらのコンストラクターは、CSS 型オブジェクト モデル仕様の一部です。

これにより、Microsoft Edge と Chromium は Firefox および Safari と互換性があります。

関連項目:

• CSS 型のオブジェクト モデル API, at MDN.
• MDN の CSSKeywordValue。
• MDN の CSSNumericValue 。
• MDN の CSSStyleValue。
• MDN の CSSUnitValue。
• MDN の CSSUnparsedValue。

HTML 機能

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

レスポンシブ サイズ <iframe>

frame-sizing CSS プロパティは、レスポンシブ サイズ設定に <iframe> 要素を選択します。

レスポンシブ サイズの場合、親ドキュメントの <iframe> 要素は iframe ドキュメントのサイズに合わせてサイズ変更されるため、iframe 内のスクロール バーは回避されます。

関連項目:

• フレームサイズ設定の MDN の CSS プロパティ。

ポップオーバーとダイアログのライト オフの改善

軽い無視 とは、ポップオーバーまたはダイアログの外側をクリックすると閉じられる動作です。

ポップオーバーとダイアログの軽い閉じ動作が、Microsoft Edge 154 で改善されました。 次の操作でライト ディス却がトリガーされなくなりました。

• タッチ スクリーンでのスクロール ジェスチャ
• 右クリック

関連項目:

• MDN のポップオーバー API。
• <dialog> MDN の HTML ダイアログ要素 。

Web API

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

WebSocket コンストラクターの Options 引数

WebSocket コンストラクターは、WebSocket接続に追加オプションを渡すために、option オブジェクトを 2 番目の引数として受け入れるようになりました。 これは、以前はサブプロトコルを指定するための string のみを受け入れていた既存のコンストラクター署名の拡張機能です。

サブプロトコルの指定は、次の 2 つの方法のいずれかで記述できるようになりました。

// Using the existing string argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", "soap");

// Using the new option bag argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });

関連項目:

• WebSocket at MDN.

targetAddressSpace オプション (WebSocket 用)

WebSocket コンストラクターを呼び出すときに、targetAddressSpace オプションを使用して、パブリック ホスト名へのWebSocket接続を、"ローカル" または "ループバック" の宛先に向かうものとして扱うように指定します。

たとえば、ローカル サーバーに接続するパブリック Web サイトでは、ホスト名を使用すると、次のように正確なプライベート IP アドレスを手動で構成する必要がなくなります。

const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local"});

これは、Fetch API の同様のサポートに対応します。

一般的なユース ケースとして、まだ HTTPS をサポートできないローカル サーバーに接続するときに、混合コンテンツの制限をバイパスすることが挙げられます。

ユーザーは、ローカル ネットワークにアクセスするためのアクセス許可をサイトに付与する必要があります。

関連項目:

• WebSocket at MDN.
• 要求: MDN の targetAddressSpace プロパティ。

バックグラウンド フェッチ API に対する CORS の適用

バックグラウンド フェッチ API で、クロスオリジン リソース共有 (CORS) が適用されるようになりました。

これにより、バックグラウンド フェッチ要求がローカル ネットワーク アクセス チェックなどの同じセキュリティ ポリシーの対象になるようになります。 これにより、通常のフェッチの代わりにバックグラウンド フェッチを使用して、サイトが CORS (およびその他のセキュリティ ポリシー チェック) をバイパスするのを防ぎます。

関連項目:

• MDN のバックグラウンドフェッチ API。
• MDN での Fetch API。
• 標準のフェッチ。
• MDN でのクロスオリジン リソース共有 (CORS)。

バックグラウンド フェッチのローカル ネットワーク アクセス制限

バックグラウンド フェッチ API では、サービス ワーカーの配信元がローカルまたはループバック サーバーに要求を送信するために必要なローカル ネットワーク アクセス許可を持っている必要があります。

これにより、バックグラウンド フェッチ API がフェッチ API に揃えられます。 これにより、サイトがバックグラウンド フェッチ API を使用してローカル ネットワーク アクセス チェックをバイパスできなくなります。

関連項目:

• MDN のバックグラウンドフェッチ API。
• permissions-policy: MDN の local-network-access ディレクティブ 。

フェッチ API: AbortController からフェッチ応答への理由の転送

AbortController インスタンスの中止reasonは、フェッチの約束だけでなく、Response オブジェクトとそのReadableStreamのメソッドに提供されるようになりました。

関連項目:

• MDN での Fetch API。
• AbortController: MDN の abort() メソッド 。

Iterator.includes

JavaScript イテレータで includes() メソッドがサポートされるようになったため、イテレータが特定の値を生成するかどうかを尋ねられるようになりました。

このメソッドは、Array オブジェクトの includes() メソッドに類似しています。

関連項目:

• Iterator.prototype.includes() を呼び出します 。

元の試用版

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

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

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

名前	説明	登録
拡張キャンバス TextMetrics	TextMetrics Canvas API を展開し、選択範囲、境界ボックス クエリ、グリフ クラスター操作を追加します。	登録
コンテナーのタイミング	注釈付きの DOM コンテナーが表示され、最初の描画が完了したタイミングを監視します。	登録
長いアニメーション フレーム API でスタイルとレイアウトの期間を区切る	styleDuration、forcedStyleDuration、layoutDuration、forcedLayoutDuration プロパティを追加して、CSS のパフォーマンス分析を詳細に分析します。	登録
<install> HTML 要素	<install> 要素を使用して、他の Web サイトを Web アプリとして宣言的にインストールします。	登録
宣言型 CSS モジュール スクリプト	インライン スタイル モジュールを使用して、宣言型シャドウ ルートを含むシャドウ ルートと宣言型スタイルシートを共有します。	登録
デジタル資格情報 API - 発行サポート	資格情報発行者サーバーからデジタル ウォレット アプリケーションへのユーザー資格情報の発行をトリガーします。	登録
prerender_until_script 投機ルール API アクション	ページを事前にレンダリングするが、スクリプトの実行時にプリフェッチに切り替わる投機ルール API アクション。	登録
投機ルール API でビューポート ヒューリスティックを制御する	投機ルールで使用されるビューポート ヒューリスティックを制御して、異なるヒューリスティック パラメーターによって既定のパラメーターよりも優れた結果が得られるかどうかを判断できます。	登録
投機的荷重測定	performance.speculations 使用済みおよび未使用のプリロード、プリフェッチ、およびプリレンダリングに関するデータを公開します。 これにより、投機的読み込み戦略の有効性を測定し、パフォーマンスとコストのトレードオフを最適化できます。	登録
PrefetchAndPrerenderActivationBeacon	プリフェッチまたはプリレンダリングされたページがアクティブ化されたときに、Edge でライセンス認証ビーコンを確実に報告できるようにします。	登録
キャンバス内の HTML	新しい描画メソッドと paint イベントを使用してキャンバスに HTML をレンダリングできるようにします。	登録
オートフィル イベント	ブラウザーの自動入力によってフォーム コントロールが更新されるタイミングを検出し、カスタム UI と検証を適応させます。	登録
WebAssembly カスタム記述子 V2	ソース レベルの型に関連付けられているデータを、カスタム記述子オブジェクトに、より効率的に格納します。	登録
WebMCP	サイトがユーザーに代わってタスクを完了するためのブラウザー内エージェント用のツールを登録できるようにします。	登録
電子メール検証プロトコル	Web サイトがメール プロバイダーによって発行された暗号化トークンを使用してメールの所有権を確認できます。 これにより、電子メールのワンタイム パスコード (OTP) への依存が減り、サインアップ、サインイン、回復フローが合理化されます。	登録
WebRTC データ チャネル: SCTP ネゴシエーション アクセラレーション プロトコル (SNAP)	SNAP は、SCTP 接続セットアップ パラメーターを SDP オファー/応答の交換に埋め込むことで、WebRTC データ チャネルの起動待ち時間を短縮します。 WebRTC は既に DTLS を使用してセキュリティで保護されたチャネルを確立しているため、個別の SCTP ハンドシェイクを回避して、最大 2 回のネットワーク ラウンド トリップを節約し、データ チャネルの確立を高速化できます。	登録
WebRTC 診断ログ API	WebRTC 関連の操作の内部診断ログを収集します。	登録
ゲームパッドの未加工入力イベント	navigator.getGamepads() を介した頻繁なポーリングに依存する代わりに、Web ページでgamepadrawinputchangedイベントをリッスンできます。 これらのイベントは、同じデバイスからの入力フレーム間の変化が検出されるたびに発生します。	登録
プリレンダリングクロスオリジン iframe	ページがアクティブ化されるまで遅延するのではなく、オプトイン応答ヘッダーを使用してクロスオリジン iframe を事前にレンダリングします。	登録
プロンプト API のサンプリング パラメーター	topK および temperature サンプリング パラメーターを使用すると、言語モデル セッションごとのモデル動作を最適化できます。	登録
JS Self-Profiling マーカー	script、gc、style、layout、paint などのサンプル マーカーを使用して JS Self-Profiling API を拡張します。 これらのマーカーは、キャプチャ時にブラウザーが実行していたアクティビティを識別します。	登録
宣言型パフォーマンス監視 API	HTTP 応答ヘッダーを使用して、ナビゲーションの開始からページの終了まで、サイトのパフォーマンス メトリックを報告する、信頼性の高いブラウザー管理テレメトリ システムを証明します。	登録

注:

このページの一部の情報は、Chromium.org によって作成および共有されている著作物に基づいており、Creative Commons Attribution 4.0 International License に記載されている条件に従って使用されています。