Novità di Chrome 119

Adriana Jara

Tieni presente quanto segue:

Sono Adriana Jara. Vediamo le novità per gli sviluppatori in Chrome 119.

Data di scadenza dei cookie.

Da Chrome 104, i cookie appena creati o aggiornati con una data di scadenza non possono avere una data di scadenza superiore a 400 giorni nel futuro. Questo stesso limite verrà ora applicato retroattivamente ai cookie già archiviati.

Le date di scadenza di questi cookie non supereranno i 400 giorni dopo la prima volta che viene avviato Chrome 119 o versioni successive ed è stata eseguita una migrazione una tantum del database. L'impatto di questa modifica non verrà avvertito dagli utenti fino ad almeno 400 giorni dopo il rilascio di Chrome 119 e solo per i cookie esistenti che non sono stati aggiornati in quel periodo.

Puoi scoprire di più sul consiglio per la data di scadenza. Ecco un promemoria che ti ricorda che i cookie di terze parti verranno ritirati nel prossimo futuro e una guida per prepararti al ritiro.

Aggiornamenti CSS

Per CSS sono disponibili tre aggiornamenti:

Primo: le nuove pseudo-classi :user-invalid e :user-valid che rappresentano rispettivamente un elemento con input non corretto 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 il vincolo aggiuntivo che le nuove pseudo-classi corrispondono solo dopo che l'utente ha interagito con l'elemento.

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

Ad esempio, oklab(from magenta calc(l * 0.8) a b); genera un magenta Oklab più chiaro dell'80%.

Terzo: clip-path ora supporta più valori.

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

Ora puoi utilizzare i valori <geometry-box> per controllare la casella di riferimento del clip, rendendo clip-path più facile da usare. Questi valori della casella possono essere utilizzati insieme a forme di base (ad es. clip-path: circle(50%) margin-box) o da soli per ritagliare l'immagine nella casella specificata (ad es. clip-path: content-box).

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

Correzione: una versione precedente di questo articolo faceva riferimento a miglioramenti per i frame delimitati. Queste modifiche sono ora disponibili in Chrome 120.

E tanto altro.

Ovviamente ce ne sono molti altri.

  • WebSQL è stato completamente rimosso a partire dalla versione 119 di Chrome. Un esperimento di origine inversa consente agli sviluppatori di continuare a utilizzare WebSQL fino a Chrome 123.

  • Ora l'opzione monitorTypeSurfaces può essere utilizzata per impedire all'utente di condividere un intero schermo, con getDisplayMedia()

  • Esiste una prova dell'origine che aggiunge un parametro fullscreen windowFeatures all'API JavaScript window.open() per consentire all'utente che effettua la chiamata di aprire un popup direttamente a schermo intero.

Per approfondire

Sono riportati solo alcuni punti salienti. Consulta i link di seguito per altre modifiche in Chrome 119.

Iscriviti

Per non perderti nessuna novità, iscriviti al canale YouTube di Chrome for Developers, e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Adriana Jara e, non appena verrà rilasciato Chrome 120, sarò qui per dirti le novità di Chrome.