必知事項は次のとおりです。
hwb()の色表記を使用すると、色相、白色、黒さに応じて色を指定できます。- フェッチの優先度を使用すると、どの順序でリソースをダウンロードするかをブラウザに伝えることができます。
- 他にもたくさんあります。
Chrome 101 で利用できる機能を見てみましょう。
hwb() の色表記
Stefan Judis の記事に「人間の色表記」として記載されている hwb() は、色相、白色、黒さに基づいて色を指定します。他の色の表記と同様に、オプションのアルファ コンポーネントで不透明度を指定します。
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
色を指定するこの方法は現在広くサポートされています。Firefox はバージョン 96 以降、Safari はバージョン 15 から、それぞれをサポートしています。
取得優先度
Fetch Priority では、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 のその他の変更点については、以下のリンクをご覧ください。