2 月にウェブ プラットフォームを導入

Stable 版とベータ版でリリースされた興味深い機能をいくつかご紹介します 2024 年 2 月にリリースしました。

2024 年 2 月: Firefox 123 および Chrome 122 が安定版になりました。 この投稿では、ウェブ プラットフォームに追加された新機能を取り上げています。

Firefox 123 で <template>shadowrootmode 属性をサポート 構成されているため、 宣言型 Shadow DOM。 この機能は Baseline データに追加され、 サポートしています。

対応ブラウザ

  • 111
  • 111
  • 123
  • 16.4

ソース

103 早期ヒント: プリロード

Firefox 123 には、 103 早期ヒント ステータス コード。

対応ブラウザ

  • 103
  • 103
  • 123
  • x

CSS ::backdrop の継承に関する変更

::backdrop CSS 疑似要素は、ビューポートのサイズのボックスです。 要素のすぐ下に表示されます。 ::backdrop の元の仕様では、継承されないと指定されていました。 任意の要素から取得され、継承されません。つまり、::backdrop さんが行った操作は :root で宣言されたカスタム プロパティにはアクセスできません。

::backdrop がプロパティを継承できるように仕様が変更されました 取得されますこの変更は Chrome 122 で実装されます。

詳しくは、 ::backdrop への変更

Storage Buckets API

Chrome 122 には Storage Buckets API が含まれます。 この API により、サイトはデバイス上のデータをバケットに整理して、 グループデータは、他のバケットに保存されているデータとは独立してエビクションできます。

詳しくは、 Storage Buckets API ドキュメント

対応ブラウザ

  • 122
  • 122
  • x
  • x

Async Clipboard API: サニタイズされていない HTML の読み取り

Chrome 122 ベータ版では、次の read() メソッドに unsanitized オプションが追加されます。 Async Clipboard API サニタイズされていない HTML 形式を取得します。

JavaScript Set メソッド

Chrome 122 では、次の Set メソッドが実装されています。

Safari のバージョン 17 以降、 Firefox Nightly です

対応ブラウザ

  • 122
  • 122
  • 127
  • 17

ソース

ベータ版ブラウザのリリース

ベータ版のブラウザでは、次の新機能をプレビューできます。 ブラウザの安定バージョンです。新機能をテストする絶好の機会です。 削除の措置が講じられる可能性があります。新規 ベータ版は Firefox 124 今月リリースされた Chrome 123 Safari 17.4 進行中です。 このリリースにより、プラットフォームに多くの優れた機能が追加されます。リリースを確認する 確認してください。その一部をご紹介します。

Chrome 123 には、いくつかの新しい CSS 機能が含まれています。light-dark() カラー関数 ユーザーの好みに合わせてカラーパターンを簡単に調整できます。field-sizing プロパティを使用すると、テキスト入力フィールドの自動調整が可能になります。新しいメディアがあります ピクチャー イン ピクチャー モードで表示されているアプリをテストする機能。

text-spacing-trim プロパティは、中国語、日本語、 および韓国語(CJK)の句読点を使用して、過剰なスペースを調整します。 詳細を見る CSS の 4 つの新しい国際比較機能の導入

Chrome 123 と Safari 17.4 のベータ版で align-content がサポートされるようになりました ブロックとテーブルのレイアウトです。詳細 align-content への変更 サポート。グリッド外でプロパティを使用する可能性がある場合は、サイトをテストします 変更すると、以前は問題がなかった場所にアライメントが発生し始めるため、 ブロック レイアウトで使用できます。

Firefox 124 で CSS をサポート content-visibility プロパティ。 このプロパティは、要素がコンテンツをレンダリングするかどうかを制御しますが、 ブラウザは、必要になるまでコンテンツのレンダリングを省略できます。