Novità di Chrome 119

Adriana Jara

Tieni presente quanto segue:

Sono Adriana Jara. Analizziamo le novità di Chrome 119 per gli sviluppatori.

Data di scadenza dei cookie.

A partire dalla versione 104 di Chrome per i cookie appena creati o per quelli aggiornati con una data di scadenza, il limite per questa data non deve superare i 400 giorni nel futuro. Lo stesso limite verrà ora applicato in modo retroattivo ai cookie già memorizzati.

Le date di scadenza di questi cookie verranno limitate non più di 400 giorni dopo il primo avvio di Chrome 119 e versioni successive e la migrazione del database una tantum. L'impatto di questa modifica non sarà avvertito dagli utenti almeno 400 giorni dopo il rilascio di Chrome 119 e soltanto per i cookie esistenti che non sono stati aggiornati durante quel periodo.

Scopri di più sul consiglio per la data di scadenza e qui ti ricordiamo che i cookie di terze parti verranno ritirati a breve, oltre a una guida per prepararti al ritiro.

Aggiornamenti CSS

Per i CSS abbiamo tre aggiornamenti:

Il primo: le nuove pseudo-classi :user-invalid e :user-valid che rappresentano, rispettivamente, un elemento con input errato o corretto, ma solo dopo che l'utente ha interagito in modo significativo con l'elemento. Sono simili alle pseudo-classi :valid e :invalid, ma con l'aggiunta del vincolo che le nuove pseudo-classi corrispondono solo dopo che l'utente ha interagito con l'elemento.

Numero due: la sintassi relativa dei colori consente agli sviluppatori di definire i colori modificando i parametri di altri colori.

Ad esempio: oklab(from magenta calc(l * 0.8) a b); restituisce un magenta Oklab più leggero dell'80%.

Numero tre: ora clip-path supporta più valori.

La proprietà clip-path crea una regione di ritaglio che imposta la parte di un elemento da mostrare. Le parti che si trovano all'interno della regione vengono visualizzate, mentre quelle all'esterno sono nascoste.

Ora puoi usare i valori <geometry-box> per controllare la casella di riferimento del clip, semplificando l'utilizzo di clip-path. Questi valori della casella possono essere utilizzati insieme a forme di base (ad esempio, clip-path: circle(50%) margin-box) oppure da soli per essere agganciati alla casella specificata (ad esempio, clip-path: content-box).

Puoi anche utilizzare le funzioni xywh() e rect(), che semplificano la specifica di clip rettangolari o arrotondati-rettangolari.

Correzione: una versione precedente di questo articolo faceva riferimento ai miglioramenti relativi a Fenced Frames. Queste modifiche sono ora disponibili in Chrome 120.

E tanto altro.

Ovviamente c'è molto altro.

  • WebSQL è stato rimosso completamente a partire da Chrome 119. Una prova dell'origine inversa consente agli sviluppatori di continuare a utilizzare WebSQL fino a Chrome 123.

  • Ora è possibile utilizzare l'opzione monitorTypeSurfaces per impedire all'utente di condividere un intero schermo, con getDisplayMedia()

  • È disponibile una prova dell'origine che aggiunge un parametro fullscreen windowFeatures all'API JavaScript di window.open() per consentire al chiamante di aprire un popup direttamente a schermo intero.

Per approfondire

Vengono trattati solo alcuni punti salienti. Controlla i link riportati di seguito per ulteriori modifiche in Chrome 119.

Abbonati

Per non perderti nessun aggiornamento, iscriviti al canale YouTube degli sviluppatori di Chrome e riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Adriano Jara e, non appena uscirà Chrome 120, sarò qui per raccontarti le novità di Chrome.