必知事項は次のとおりです。
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 のその他の変更については、以下のリンクをご覧ください。