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

Chrome 119 の新機能

Adriana Jara

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

すでにストレージに保存されている Cookie については、有効期限が更新されます。
CSS に新しい疑似クラスや相対色の構文などが追加されました。
フェンス付きフレームに改良（広告サイズのマクロなど）が追加されました。
その他にも、多数のサービスがあります。

Adriana Jara です。Chrome 119 のデベロッパー向け新機能を見てみましょう。

Cookie の有効期限。

Chrome 104 以降、新しく作成された Cookie、または有効期限付きの更新された Cookie では、有効期限が今後 400 日以内に設定されています。これと同じ制限が、すでにストレージに保存されている Cookie にさかのぼって適用されます。

これらの Cookie の有効期限は、Chrome 119 以降の初回起動時および 1 回限りのデータベース移行から 400 日以内に制限されます。この変更による影響は、Chrome 119 のリリースから少なくとも 400 日後まではユーザーに感じられず、その期間中に更新されていない既存の Cookie に対してのみ影響を受けます。

詳しくは、有効期限に関する推奨事項をご覧ください。また、サードパーティ Cookie は近い将来に廃止されることにご留意ください。また、サポート終了に備えるためのガイドをご確認ください。

CSS の更新

CSS については、次の 3 つの更新があります。

1 つ目は、:user-invalid 疑似クラスと :user-valid 疑似クラスです。入力が正しくない要素、または正しい入力を持つ要素を表しますが、これはユーザーが著しく操作した後にのみ対象となる要素です。疑似クラスは :valid や :invalid の疑似クラスに似ていますが、ユーザーが要素を操作した後にのみ新しい疑似クラスが一致するという制約が追加されています。

2 つ目は、相対色の構文を使用すると、他の色のパラメータを変更して色を定義できます。

たとえば、oklab(from magenta calc(l * 0.8) a b); を使用すると、Oklab のマゼンタの色が 80% 明るくなります。

3 つ目は、clip-path がより多くの値をサポートするようになったことです。

clip-path プロパティは、要素のどの部分を表示するかを設定するクリッピング領域を作成します。領域の内側の部分が表示され、外側の部分は表示されません。

<geometry-box> 値を使用してクリップの参照ボックスを制御できるようになり、clip-path が使いやすくなりました。これらのボックスの値は、基本的なシェイプ（clip-path: circle(50%) margin-box など）とともに使用することも、単独で使用して指定されたボックス（clip-path: content-box など）にクリップすることもできます。

xywh() 関数と rect() 関数を使用して、長方形または角丸長方形のクリップを簡単に指定することもできます。

修正: この記事の以前のバージョンでは、フェンス付きフレームの改善点を紹介しました。これらの変更は Chrome 120 で実装されます。

その他

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

Chrome 119 をもって、WebSQL は完全に削除されます。リバースオリジントライアルにより、デベロッパーは Chrome 123 まで WebSQL を引き続き使用できます。
getDisplayMedia() で monitorTypeSurfaces オプションを使用して、ユーザーが画面全体を共有できないようにすることができるようになりました。
window.open() JavaScript API に fullscreen windowFeatures パラメータを追加して、呼び出し元がポップアップを直接全画面表示できるようにするオリジントライアルがあります。

Chrome 119 の新機能

Cookie の有効期限。

CSS の更新

その他

関連情報

登録