このページは Cloud Translation API によって翻訳されました。

Chrome 98 の新機能

Pete LePage

必知事項は次のとおりです。

ピートルページです。Chrome 98 のデベロッパー向け新機能を見ていきましょう

Android で自動ダークモードをオプトアウトする

Chrome 96 では、Android での自動ダークテーマのオリジントライアルを開始しました。

この機能を使用すると、サイトがライトテーマで、ユーザーの OS がダークモードの場合、ブラウザは自動生成されたダークモードをサイトに適用します。

オリジントライアルに登録していて、特定のページに対して自動生成されたダークモードをオプトアウトする場合は、メタタグを使用できます。

<meta name="color-scheme" content="only light">

または、:root 要素で color-scheme: only light を設定することでオプトアウトできます。

:root {
  color-scheme: only light;
}

ただし、この方法の主な利点は、要素ごとに特定のスタイルを適用することで、要素ごとにオプトアウトできることです。

.only-light,
#my-element {
  color-scheme: only light;
}

Chrome 98 では、COLRv0 フォント形式の進化版である COLRv1 がサポートされています。グラデーション、合成とブレンディング、形状の再利用の改善、圧縮に優れ、鮮明でコンパクトなフォントファイルを実現します。

カラーフォントを使うと、視覚的なハイライト、見出し、バナーを目立たせることができます。

COLRv1 フォントを使用した見出し

COLRv1 の私のお気に入りのユースケースの 1 つは、すべてのプラットフォームで一貫した絵文字を使用することです。フォントファイルが小さくなり、ページに追加しやすくなるため、絵文字を画像ファイルに置き換える必要はありません。

一貫性のある絵文字を使用するフォントファイル

まだそれほど簡単ではないため、Google は特徴検出の改善に取り組んでいます。ただし、この点には注意が必要です。

詳細と独自のフォントの作成方法については、Chrome 98 の COLRv1 カラーグラデーションベクターフォントをご覧ください。

あと数か月で Chrome 100（3 桁のバージョン番号）に到達します。バージョン番号をチェックするコードや UA 文字列を解析するコードは、3 桁の数字を処理できるようにチェックする必要があります。

現在のバージョン番号を 100 に変更する #force-major-version-to-100 というフラグがあるため、すべてが想定どおりに動作することを確認します。

新しい #force-major-version-to-100 オプションがハイライト表示された Chrome フラグページ

他にもたくさんあります。

CORS プリフライトリクエストが、サブリソースに対するプライベートネットワークリクエストの前に送信され、ターゲットサーバーに明示的な権限をリクエストするようになりました。

セルフキャプチャ動画トラックを切り抜くための API である Region Capture の新しいオリジントライアルを利用できます。ホールオブミラー効果が発生しないように、ビデオ会議アプリの画面共有に最適です。

ウィンドウオーバーレイのコントロールは Chrome 98 で導入される予定ですが、直前に発生した問題により導入されませんでした。Google は現在も開発に取り組んでおり、次の数リリースでご利用いただける予定です。