2023 年 1 月に Stable 版とベータ版のウェブブラウザに導入された興味深い機能をいくつかご紹介します。
安定版ブラウザのリリース
2023 年 1 月に、Firefox 109、Chrome 109、Safari 16.3 が安定版になりました。これがウェブ プラットフォームにとってどのような意味を持つのかを見ていきましょう。
MathML
Chrome 109 は MathML Core をサポートしています。これは、HTML と SVG に埋め込める数学的表記法を記述するための言語です。このリリースにより、MathML がすべての主要エンジンで相互運用できるようになりました。
scrollend イベント
Firefox 109 は scrollend を実装します。このイベントは、スクロールの完了を信頼できる方法で検出します。Chrome にも実装されているこのイベントについて詳しくは、新しい JavaScript イベント、スクロールエンドをご覧ください。
CSS の長さの単位 lh と hyphenate-limit-chars
Chrome の CSS の場合、長さの単位は lh です。この単位は、使用される要素の line-height プロパティの計算値と同等です。
対応ブラウザ
- 109
- 109
- 120
- 16.4
また、ハイフン付きの単語の最小文字数を指定する hyphenate-limit-chars プロパティ。
対応ブラウザ
- 109
- 109
- x
- x
Content-Security-Policy（CSP）prefetch-src
Safari 16.3 は主に修正のリリースであり、CSS のサイズに関するさまざまな問題が解決されています。メモに記載されている新機能は、Content-Security-Policy（CSP）prefetch-src ディレクティブの追加だけです。
Android 版 Chrome の機能
Android 版 Chrome に新たに安全なお支払いの確認（SPC）が追加されました。これは、お客様がクレジット カード発行会社、銀行、その他の決済サービス プロバイダに対してプラットフォーム認証システム（通常は指紋認証センサーなどのデバイスの画面ロック解除機能で有効化）を使用して認証できるようにする、ウェブ標準として提案されています。
また、Android 版 Chrome には、Android 版 File System Access API の一部である Origin Private File System（OPFS）も新たに導入されています。これには、show{OpenFile, SaveFile, Directory}Picker() メソッドと Drag and Drop API 統合を除くすべての File System Access API サーフェスが含まれます。
ベータ版ブラウザのリリース
ベータ版ブラウザのバージョンでは、次の安定バージョンのブラウザのプレビュー機能が提供されます。この機会に、自分のサイトがリリースされる前に新しい機能や削除をテストすることをおすすめします。新しいベータ版は Firefox 110 と Chrome 110 です。
Chrome 110 には CSS initial-letter プロパティが含まれています。このプロパティを使用すると、最初の文字がテキストにシンクする行数を設定できます。詳しくは、CSS のイニシャル文字でドロップ キャップを管理するをご覧ください。
また、Chrome 110 の CSS では、:picture-in-picture 疑似クラスが使用されます。これにより、動画がピクチャー イン ピクチャー モードの開始時と終了時にメディア プレーヤーをターゲットに設定してカスタマイズできるようになります。
Chrome には、AudioContext API の setSinkID() メソッドが含まれています。このメソッドは、ウェブ オーディオの使用時に宛先のオーディオ機器を変更する方法を提供します。
Firefox 110 にはコンテナ クエリのサイズが含まれており、待望のこの機能で、3 つのメイン ブラウザ エンジン間での相互運用性が実現します。