Stable 版とベータ版でリリースされた興味深い機能をいくつかご紹介します 2024 年 2 月にリリースしました。
安定版のブラウザのリリース
2024 年 2 月: Firefox 123 および Chrome 122 が安定版になりました。 この投稿では、ウェブ プラットフォームに追加された新機能を取り上げています。
宣言型 Shadow DOM
Firefox 123 で <template>
の shadowrootmode
属性をサポート
構成されているため、
宣言型 Shadow DOM。
この機能は Baseline データに追加され、
サポートしています。
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 です
ベータ版ブラウザのリリース
ベータ版のブラウザでは、次の新機能をプレビューできます。 ブラウザの安定バージョンです。新機能をテストする絶好の機会です。 削除の措置が講じられる可能性があります。新規 ベータ版は 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
プロパティ。
このプロパティは、要素がコンテンツをレンダリングするかどうかを制御しますが、
ブラウザは、必要になるまでコンテンツのレンダリングを省略できます。