必知事項は次のとおりです。
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() が追加されました。これにより、以前に権限を付与したデバイスを削除できます。たとえば、複数のデバイスで共有されているパソコンで使用されるアプリケーションの場合です。
また、ウェブ USB についても、USBDevice 内の関連する属性で [SameObject] をサポートするように修正しました。仕様の変更は、仕様ドラフトに対する PR で確認できます。
安全な（HTTPS）オリジンから読み込まれ、安全でない（HTTPS 以外の）コンテキストによってインスタンス化された専用ワーカーは、安全と見なされなくなりました。つまり、このようなワーカー コンテキスト内では、self.isSecureContext が false になります。- self.caches と self.storageFoundation は使用できなくなりました。
window.open() の popup 引数は、この引数の解析に関する仕様が最近変更されたため、true と評価されるようになりました。これまでは、popup が true に設定されている場合、window.open() は false を意味すると解釈されていました。この変更により、ブール値の特徴量が使いやすく理解しやすくなります。
関連情報
主なハイライトのみを記載しています。Chrome 101 のその他の変更点については、以下のリンクを確認してください。