次の説明をお読みください。
hwb()色表記を使用すると、色相、白さ、黒さに従って色を指定する新しい方法を利用できます。- 取得の優先度を使用すると、リソースをダウンロードする順序をブラウザにヒントとして伝えることができます。
- 他にも多くの機能があります。
Chrome 101 で利用できる機能を見てみましょう。
hwb() 色の表記
Stefan Judis の記事で「人間のための色表記」と説明されている hwb() は、色相、白さ、黒さに基づいて色を指定します。他の色の表記と同様に、必要に応じてアルファ コンポーネントで不透明度を指定します。
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
この色の指定方法は、Firefox（バージョン 96 以降）と Safari（バージョン 15 以降）でサポートされるようになり、広く利用できるようになりました。
取得の優先度
取得優先度を使用すると、fetchpriority 属性を使用して、リソースをダウンロードする順序をブラウザにヒントとして伝えることができます。"high"、"low"、"auto" の値を受け入れます。
"high": リソースを優先度が高いとみなし、ブラウザのヒューリスティックがそれを妨げない限り、ブラウザに優先的に処理させたい場合。"low": リソースの優先度を低く設定し、ヒューリスティックが許可する場合はブラウザで優先度を下げたい。"auto": ブラウザが適切な優先度を決定できるようにするデフォルト値です。
次の例では、優先度の低い画像が fetchpriority="low" で示されています。
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
さまざまなユースケースについて詳しくは、Fetch Priority API を使用してリソースの読み込みを最適化するをご覧ください。
このリリースに含まれるその他の機能
USBDevice オブジェクト用の新しい forget() メソッドがあります。これにより、以前に権限が付与されていたデバイスを削除できるようになります。たとえば、多くのデバイスが接続された共有パソコンで使用されるアプリケーションの場合などです。
また、Web USB については、USBDevice 内の関連属性の [SameObject] をサポートする修正も行いました。仕様の変更は、ドラフト仕様への PR で確認できます。
安全な（HTTPS）オリジンから読み込まれ、安全でない（HTTPS 以外の）コンテキストによってインスタンス化された専用ワーカーは、安全と見なされなくなりました。つまり、このようなワーカー コンテキスト内では、self.isSecureContext は false になります。- self.caches と self.storageFoundation は使用できなくなりました。
window.open() の popup 引数は、この引数の解析に関する仕様の最近の変更に従い、true と評価されるようになりました。以前は、popup が true に設定されている場合、window.open() は false を意味すると解釈されていました。この変更により、ブール値の機能が使いやすく、理解しやすくなります。
関連情報
ここでは、主なハイライトの一部のみを取り上げます。Chrome 101 のその他の変更については、以下のリンクをご覧ください。