次の方法で共有

Microsoft Edge 133 Web プラットフォームのリリース ノート (2025 年 2 月)

2025 年 2 月 6 日にリリースされる Microsoft Edge 133 の新しい Web プラットフォームの機能と更新プログラムを次に示します。

最新の状態を維持し、最新の Web プラットフォーム機能を取得するには、Microsoft Edge (ベータ、開発、またはカナリア) のプレビュー チャネルをダウンロードします。 [Microsoft Edge Insider になる] に移動します。

詳細な内容:

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 とアンカーの配置の機能強化

この変更は、次の関連する一連の変更に対応します。

  1. ポップオーバー間で呼び出し子のリレーションシップを設定する命令型の方法を追加する: popover.showPopover({source})。
  2. 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 分以内にキャッシュ セマンティクス (具体的には 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国際ライセンスに記載されている条件に従って使用されます。