Web ブラウザは、ユーザーが Web を操作できることを念頭に置いて設計されています。ただし、他のソフトウェアと同様に、エンド ユーザーが提供できるものをすべて活用するには、開発者が魔法を働かせる必要があります。 Web ブラウザのアップデートで開発者向けにいくつかの機能が表示されるのは一般的であり、これらは新しくリリースされたバージョンの主要な傾向です。 クローム123, disponible 19日目から。
Vivaldi 6.6 では、 ダークブラウジングの強制、そして、物事を強制するのは通常良い考えではないことはすでにわかっています。 Chromium ベースのブラウザでは、非表示の設定 (別名: フラグ、長い間、Googleはそれが最善であるとは考えていませんでした。そのため、彼らは 2022 年にそれを保留し、現在 Chrome 123 で導入しました。 新しい light-dark() 関数.
Chrome の light-dark() 関数とは何ですか 123
CSS の light-dark() 関数を使用すると、 ユーザーの好みに合わせて配色を調整する ダークモードまたはライトモードで。使用すると、ブラウザーは好みに応じて最適な色を選択します。 Google の説明によると、スタイル シートに次の内容が含まれている場合、ユーザーが明るいテーマを選択した場合、要素の背景はライム グリーンになりますが、ユーザーが暗いテーマを選択した場合、要素の背景は緑色になります。
html { カラースキーム: ライト ダーク; .target { 背景色: 明暗(ライム、グリーン); }
新しい 長いアニメーション フレーム API これは、メイン スレッドで輻輳が発生する理由を見つけるのに役立ちます。これは通常、Web 応答の容量を測定するために不可欠な、不正な INP (Interaction to Next Paint) の原因です。これは Long Tasks API のバージョンです。
API を続けると、次の 1 つが追加されます。 Service Worker の静的ルーティング を使用すると、アクセス ルートが常にネットワークから配信されるように宣言できます。
残りのニュースの中には、次のようなものがあります。
- NavigationActivation インターフェイスを使用すると、ユーザーの移動元に基づいてカスタム ページを提供できるようになりました。
- Chrome が Zstandard (zstd) をサポートするようになりました。このコンテンツ エンコーディングにより、ページの読み込みが速くなり、使用する帯域幅が少なくなるだけでなく、サーバーでの圧縮に費やす時間、CPU、エネルギーが削減され、サーバー コストが削減されます。
- display-mode のピクチャー・イン・ピクチャー値を使用すると、Web アプリケーションがスクリーン・イン・ピクチャー・モードで表示される場合にのみ適用される特定の CSS ルールを作成できます。
Chrome 123 は先週 19 日火曜日に発表されたため、現在はすべての公式手段を通じて入手できるはずです。 ウェブサイト 通常、最初のインストール後に追加される公式リポジトリ。未検証ですが、それもあります フラット.