Novità di Chrome 119

Adriana Jara

Tieni presente quanto segue:

Mi chiamo Adriana Jara. Vediamo quali sono le novità di Chrome 119 per gli sviluppatori.

Data di scadenza dei cookie.

Dal momento che per i cookie appena creati in Chrome 104 o per quelli aggiornati con una data di scadenza, questa data non può essere superiore a 400 giorni nel futuro. Questo stesso limite verrà applicato in modo retroattivo ai cookie già presenti nello spazio di archiviazione.

Le date di scadenza di questi cookie saranno limitate a non più di 400 giorni dopo il primo avvio di Chrome 119 e versioni successive ed esegue una migrazione del database una tantum. L'impatto di questa modifica non sarà percepito dagli utenti almeno 400 giorni dopo il rilascio di Chrome 119, quindi solo per i cookie esistenti che non sono stati aggiornati in quel periodo.

Per saperne di più sul consiglio sulla data di scadenza, ti ricordiamo che i cookie di terze parti verranno ritirati nel prossimo futuro e una guida per prepararti al ritiro.

Aggiornamenti CSS

Per i CSS abbiamo tre aggiornamenti:

Numero uno: le nuove pseudoclassi :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 il vincolo aggiuntivo che le nuove pseudo-classi corrispondono solo dopo che l'utente ha interagito con l'elemento.

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

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

E numero tre: clip-path ora supporta più valori.

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

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

Puoi anche utilizzare le funzioni xywh() e rect() che semplificano l'impostazione di clip rettangolari o arrotondati-rettangolari.

Correzione: una versione precedente di questo articolo faceva riferimento ai miglioramenti dei telai recinto. Queste modifiche saranno ora disponibili in Chrome 120.

E tanto altro.

Naturalmente c'è molto altro.

  • WebSQL è stato rimosso del tutto 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 l'intero schermo, con getDisplayMedia()

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

Per approfondire

Vengono illustrati solo alcuni dei punti salienti. Consulta i link qui sotto per ulteriori modifiche in Chrome 119.

Iscriviti

Per non perderti gli aggiornamenti, iscriviti al Canale YouTube per sviluppatori di Chrome, e riceverai una notifica via email ogni volta che viene lanciato un nuovo video.

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