2025 年 2 月 6 日にリリースされる Microsoft Edge 133 の新しい Web プラットフォームの機能と更新プログラムを次に示します。
最新の状態を維持し、最新の Web プラットフォーム機能を取得するには、Microsoft Edge (ベータ、開発、またはカナリア) のプレビュー チャネルをダウンロードします。 [Microsoft Edge Insider になる] に移動します。
詳細な内容:
- Edge DevTools
- WebView2
-
Web プラットフォーム機能
-
有効な機能
Animation.overallProgress
Atomics.pause
- スクリプトの CSP ハッシュ レポート
-
CSS
:open
擬似クラス - CSS スクロール状態コンテナー クエリ
-
CSS の高度な
attr()
関数 -
CSS
text-box
、text-box-trim
、およびtext-box-edge
プロパティ - DOM 状態を保持する Move
-
attributionsrc
属性を に公開する<area>
-
Timing-Allow-Origin
(TAO) ヘッダーに関係なく、要素のタイミングと最大コンテンツ フル ペイント (LCP) で粗いクロスオリジンrenderTime
を公開する -
FileSystemObserver
インターフェイス - 複数のインポート マップ
- Popover invoker とアンカーの配置の機能強化
- 呼び出し子内に入れ子になったポップオーバーは、呼び出しを再実行しないでください
-
リソースのタイミング: 変更
responseStart
元に戻して導入するfirstResponseHeadersStart
- ストレージ アクセス ヘッダー
-
を使用した
ClipboardItem
の作成のサポートPromise<DOMString>
-
Web 認証 API: の
getClientCapabilities()
メソッドPublicKeyCredential
- WebAssembly memory64 提案
-
WebGPU: 1 コンポーネントの頂点形式 (および
unorm8x4-bgra
) - Web 暗号化 API の X25519 アルゴリズム
- popover=hint
- 非推奨と削除された機能
-
有効な機能
- 配信元の試用版
Edge DevTools
DevTools (Microsoft Edge 133) の新機能に関するページを参照してください。
WebView2
WebView2 SDK のアーカイブリリース ノート (2025 年 2 月) の「1.0.3065.39」を参照してください。
Web プラットフォーム機能
有効な機能
Animation.overallProgress
overallProgress
プロパティを Animation JavaScript クラスに追加します。
このプロパティは、アニメーションがイテレーション全体で進んだ距離と、そのタイムラインの性質に関係なく、便利で一貫した表現を提供します。
Atomics.pause
Atomics.pause
メソッドを追加して、現在のコードがスピンロックを実行していることを CPU にヒントします。
スクリプトの CSP ハッシュ レポート
複雑な Web アプリケーションでは、多くの場合、セキュリティ上の目的で、ダウンロードしたサブリソースの記録を保持する必要があります。 特に、今後の業界標準とベスト プラクティス ( PCI-DSS v4 など) では、Web アプリケーションがダウンロードして実行するすべてのスクリプトのインベントリを保持する必要があります。
この機能は、コンテンツ セキュリティ ポリシー (CSP) と Reporting API に基づいて構築され、ドキュメントが読み込むすべてのスクリプト リソースの URL とハッシュを報告します。
CSS :open
擬似クラス
:open
擬似クラスは、<dialog>
に一致し、開いている状態のときに<details>
し、ピッカーがあり、ピッカーが表示されているモードの場合は、<select>
と<input>
と一致します。
CSS スクロール状態コンテナー クエリ
コンテナー クエリを使用して、コンテナーのスクロール状態に基づいてコンテナーの子孫のスタイルを設定します。
クエリ コンテナーは、スクロール コンテナーか、スクロール コンテナーのスクロール位置の影響を受ける要素です。 次の状態を照会できます。
-
stuck
: 固定された位置のコンテナーがスクロール ボックスのいずれかの端にスタックします。 -
snapped
: スクロール スナップ配置コンテナーは、現在、水平方向または垂直方向にスナップされます。 -
scrollable
: スクロール コンテナーをクエリされた方向にスクロールできるかどうかを指定します。
新しい container-type: scroll-state
を使用すると、コンテナーのクエリを実行できます。
例:
#sticky {
position: sticky;
container-type: scroll-state;
}
@container scroll-state(stuck: top) {
#sticky-child { font-size: 75% }
}
CSS advanced attr()
関数
CSS レベル 5 で指定された attr()
への拡張を実装します。これにより、 <string>
以外の型が許可され、(擬似要素 content
以外のすべての CSS プロパティで使用できます)。
例:
<style>
div {
background-color: attr(data-foo type(<color>), red);
}
</style>
<div data-foo="blue">test</div>
CSS text-box
、 text-box-trim
、および text-box-edge
プロパティ
テキストコンテンツ、 text-box-trim
プロパティ、 text-box-edge
プロパティ、 text-box
短縮形プロパティの光学バランスを実現するために、テキストの垂直方向の配置をより細かく制御できます。
text-box-trim
プロパティは、トリミングする辺 (上または下) を指定します。
text-box-edge
プロパティは、エッジをトリミングする方法を指定します。
これらのプロパティを使用すると、フォント メトリックを使用して垂直方向の間隔を正確に制御できます。
ideographic
ideographic-ink
、中国語、日本語、韓国語 (CJK) 文字のtext-box-edge
プロパティの 2 つの値は、将来のリリースに延期されます。
DOM 状態を保持する Move
この機能により、DOM プリミティブ (moveBefore
) が追加されます。これにより、要素の状態をリセットすることなく、DOM ツリー内で要素を移動できます。 この関数は、Element
、Document
、DocumentFragment
などのParentNode
ノードで使用できます。
要素を削除または挿入する代わりに要素を移動すると、次のような状態が保持されます。
-
<iframe>
要素は読み込まれたままになります。 - アクティブな要素はフォーカスを保持します。
- ポップオーバーとダイアログは開いたままです。
- CSS の遷移とアニメーションは引き続き実行されます。
attributionsrc
属性を に公開する<area>
属性レポートの場合、attributionsrc
属性は、意図的にその属性をサポートしていた<a>
と共有されるコードのため、<area>
要素で既に意図せずに処理されていました。
完全にするために、 <area>
の属性は、前の処理を変更することなく、同じ構文とセマンティクスで <a>
に公開されます。
attributionsrc
属性を持つ<area>
タグが移動されると、フォアグラウンド要求によってナビゲーション ソースが登録され、属性が空でない場合は、1 つ以上のバックグラウンド要求も同様にナビゲーション ソースを登録できます。
Timing-Allow-Origin
(TAO) ヘッダーに関係なく、要素のタイミングと最大コンテンツ フル ペイント (LCP) で粗いクロスオリジン renderTime
を公開する
要素タイミングと LCP のパフォーマンス エントリはすべて、Timing-Allow-Origin
ヘッダーのないクロスオリジンであっても、0 以外のrenderTime
を持つことになります。 すべてのプレゼンテーション タイムスタンプ (renderTime
、ペイント タイミング開始時刻、およびイベント タイミング終了時刻) は、クロスオリジン画像情報を読み取るリスクを軽減するために、4 ミリ秒の倍数に粗くなります。
FileSystemObserver
インターフェイス
FileSystemObserver
インターフェイスは、Web サイトにファイル システムへの変更を通知します。 サイトは、ユーザーが以前にアクセス許可を付与したファイルとディレクトリ、ユーザーのローカル デバイス ( WICG/file-system-access
で指定) またはバケット ファイル システム ( whatwg/fs
で指定) に対する変更を監視し、変更の種類などの基本的な変更情報が通知されます。
複数のインポート マップ
現在、インポート マップは ES モジュールの前に読み込む必要があり、ドキュメントごとに 1 つのインポート マップしか存在できません。 これにより、インポート マップが脆弱になり、実際のシナリオで使用するのが遅くなる可能性があります。インポート マップの前に読み込むモジュールはアプリ全体を壊し、多くのモジュールを持つアプリでは、マップのインポートが大きなブロック リソースになります。これは、すべての可能なモジュールのマップ全体が最初に読み込まれる必要があるためです。
この機能を使用すると、インポート マップを一貫性のある決定論的な方法でマージすることで、ドキュメントごとに複数のインポート マップを使用できます。
Popover invoker とアンカーの配置の機能強化
この変更は、次の関連する一連の変更に対応します。
- ポップオーバー間で呼び出し子のリレーションシップを設定する命令型の方法を追加する:
popover.showPopover({source})
。 - Invoker リレーションシップは、暗黙的なアンカー要素参照を作成します。
呼び出し子内に入れ子になったポップオーバーは、呼び出しを再実行しないでください
入れ子になったポップオーバーをクリックしても、同じポップオーバーは呼び出されません。
次の例では、ボタンを適切にクリックすると、ポップオーバーがアクティブになります。 ただし、その後にポップオーバー自体をクリックしても、ポップオーバーは閉じ ません 。 以前は、ポップオーバーのクリックが <button>
にバブルアップされ、呼び出し元がアクティブ化され、ポップオーバーが閉じられたため、このケースは閉じられました。
<button popovertarget=foo>Activate
<div popover id=foo>Clicking me shouldn't close me</div>
</button>
リソースのタイミング: 変更 responseStart
元に戻して導入する firstResponseHeadersStart
リソースのタイミング:
-
responseStart
は、最初の応答 (早期ヒント (中間) または最終応答) を返します。 - 最終的な応答ヘッダー (2xx/4xx/5xx) 時間は、
finalResponseHeadersStart
として公開されます。
ストレージ アクセス ヘッダー
認証された埋め込みで、パーティション分割されていない Cookie をオプトインするための代替方法を提供します。 これらのヘッダーは、パーティション分割されていない Cookie が特定のネットワーク要求に含まれている (または含めることができる) かどうかを示します。 これらのヘッダーを使用すると、サーバーは既に付与されている storage-access
アクセス許可をアクティブ化することもできます。
storage-access
アクセス許可をアクティブ化する別の方法を提供すると、iframe 以外のリソースによる使用が可能になり、認証された埋め込みの待機時間を短縮できます。
を使用した ClipboardItem
の作成のサポート Promise<DOMString>
ClipboardItem
は、非同期クリップボード書き込みメソッドへの入力です。
ClipboardItem
コンストラクターが BLOB に加えて文字列値を受け入れるようになりました。
ClipboardItemData
には BLOB を指定できます。文字列。または、BLOB または文字列のいずれかに解決される Promise。
Web 認証 API: の getClientCapabilities()
メソッド PublicKeyCredential
getClientCapabilities()
メソッドを使用すると、ユーザーのクライアントでサポートされている WebAuthn 機能を判断できます。 このメソッドは、サポートされている機能の一覧を返します。これにより、クライアントの特定の機能に基づいて認証エクスペリエンスとワークフローを調整できます。
WebAssembly memory64 提案
memory64 提案では、2^32 ビットを超える線形 WebAssembly メモリのサポートが追加されます。 この提案では新しい命令は提供されませんが、代わりに既存の命令を拡張して、メモリとテーブルの 64 ビット インデックスを許可します。
WebGPU: 1 コンポーネントの頂点形式 (および unorm8x4-bgra
)
WebGPU の最初のリリースでは存在しなかった頂点形式が追加されます。サポートが不足しているか、ブラウザーでサポートされなくなった古い macOS バージョンが原因です。 1 コンポーネントの頂点形式を使用すると、アプリケーションは必要なデータのみを要求できます。以前は、アプリケーションは 8 ビットおよび 16 ビットのデータ型に対して少なくとも 2 倍のデータを要求する必要がありました。
unorm8x4-bgra
形式を使用すると、同じシェーダーを維持しながら BGRA でエンコードされた頂点の色を読み込むのが少し便利になります。
Web 暗号化 API の X25519 アルゴリズム
X25519 アルゴリズムは、RFC7748で指定されている X25519 関数を使用してキー アグリーメントを実行するツール を提供します。
X25519
アルゴリズム識別子は、SubtleCrypto
インターフェイスで使用して、実装されている操作 (generateKey
、importKey
、exportKey
、deriveKey
、deriveBits
) にアクセスできます。
popover=hint
Popover API は、 popover
属性の 2 つの値 ( auto
と manual
) の動作を指定します。 この機能では、3 つ目の値である popover=hint
について説明します。 ヒントは、ツールヒント型の動作に最も頻繁に関連付けられますが、動作が若干異なります。 メイン違いは、ポップオーバーの入れ子になったスタックを開くとき、hint
がauto
に従属することです。 そのため、auto
ポップオーバーの既存のスタックが開いたまま、無関係なhint
ポップオーバーを開く可能性があります。 標準的な例は、 <select>
ピッカーが開いている (popover=auto
) と、ホバーによってトリガーされるヒント (popover=hint
) が表示される点です。 このアクションでは、 <select>
ピッカーは閉じません。
非推奨と削除された機能
WebGPU 制限 maxInterStageShaderComponents を非推奨に
maxInterStageShaderComponents
の制限は、次の要因の組み合わせにより削除されています。
maxInterStageShaderVariables
による冗長性: この制限は、シェーダー ステージ間で渡されるデータの量を制御するという同様の目的に既に役立ちます。軽微な不一致: 2 つの制限の計算方法には若干の違いがありますが、これらの違いは軽微であり、
maxInterStageShaderVariables
制限内で効果的に管理できます。簡略化:
maxInterStageShaderComponents
を削除すると、シェーダー インターフェイスが合理化され、開発者の複雑さが軽減されます。 2 つの個別の制限 (両方とも同時に適用されますが、微妙な違いがある) を管理する代わりに、より適切な名前の包括的なmaxInterStageShaderVariables
に焦点を当てることができます。
<link rel=prefetch>
5 分間のルールを削除する
以前は、 <link rel=prefetch>
を使用してリソースをプリフェッチした場合、再フェッチを回避するために、最初の使用で 5 分以内にキャッシュ セマンティクス (具体的には max-age
と no-cache
) が無視されていました。 これで、この特殊なケースが削除され、通常の HTTP キャッシュ セマンティクスが使用されます。
つまり、 <link rel=prefetch>
を利用するには、適切なキャッシュ ヘッダー (つまり、 Cache-Control
または Expires
) を含める必要があります。
これは、非標準の <link rel=prerender>
にも影響します。
これにより、2xx 以外の応答がキャッシュされた投機ルール プリフェッチのバグが修正されます。 このようなヘッダーはナビゲーション プリフェッチを目的としているため、通常の HTTP キャッシュとは異なるキャッシュニーズがあるため、投機ルールプリフェッチのキャッシュ ヘッダーは必要ありません。
配信元の試用版
以下は、期間限定で独自のライブ Web サイトで試すことができる新しい試験的 API です。 配信元の試用版の詳細については、「 Microsoft Edge で配信元試用版を使用する」を参照してください。 使用可能な配信元試用版の完全な一覧については、「 Microsoft Edge 配信元試用版」を参照してください。
Microsoft Edge のみの配信元試用版
デジタルグッズ API
有効期限は 2025 年 3 月 31 日です。
Digital Goods API を使用すると、Web アプリケーションはデジタル製品と、デジタル ストアによって管理されるユーザーの購入に関する情報を取得できます。 ユーザー エージェントはストアへの接続を抽象化し、支払い要求 API を使用して購入を行います。
Web App LocalFolder
Access
有効期限は 2025 年 3 月 31 日です。
Microsoft Store にインストールされたプログレッシブ Web Apps (PWA) が、以前のバージョンのアプリケーションによって WinRT ApplicationData.LocalFolder
フォルダーに格納されていたファイル コンテンツにアクセスできるようにします。
HTML+IDL 手書き属性
有効期限は 2025 年 6 月 14 日です。
handwriting
属性は、スタイラスを使用する場合など、手書き入力を許可する場所を制御するドキュメントごとの方法と要素ごとの方法を提供します。
取得情報 API
有効期限は 2025 年 6 月 30 日です。
アプリ ストアまたはブラウザーから直接取得されたプログレッシブ Web Apps (PWA) の 取得属性をサポートします。
新しいChromium配信元の試用版
クロスルート ARIA の参照ターゲット
有効期限は 2025 年 6 月 10 日です。
Reference Target API を使用すると、特に
DisableThirdPartyStoragePartitioning3
有効期限は 2025 年 9 月 16 日です。
これは、トップレベル サイトが、そのサイトに埋め込まれているサード パーティのコンテキストに対して、パーティション分割されていないストレージ、サービス ワーカー、および通信 API をオプトインできるようにする、汎用の非推奨試用版です。 これにより、パーティション分割されたストレージを必要としないソリューションに対するテストと移行に、サイトの時間が長くなります。
背景ページの固定 Opt-Out
有効期限は 2025 年 9 月 16 日です。
この試用版では、ページがバックグラウンド ページのフリーズからオプトアウトできます。 Chromium 133 では、CPU 使用率が高く、エネルギー セーバーがアクティブな場合、オプトアウトしない限り、5 分を超えて背景に表示されたタブがフリーズする可能性があります。特定のユース ケースのページをオプトアウトするために、新しい Web API の開発中に配信元試用版のオプトアウトが提供されます。
注:
このページの一部は、Chromium.org によって作成および共有された作業に基づく変更であり、クリエイティブ・コモンズ帰属4.0国際ライセンスに記載されている条件に従って使用されます。