Novità di Chrome 114

Adriana Jara

Tieni presente quanto segue:

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

text-wrap:balance.

Utilizza text-wrap: balance per migliorare i layout del testo. L'animazione seguente mostra la differenza che puoi fare con questa singola riga.

Prova una demo

In qualità di sviluppatore, non conosci le dimensioni finali, le dimensioni dei caratteri o persino la lingua del testo. Tutte le variabili sono necessarie per un trattamento efficace del testo a capo. Dal momento che il browser conosce tutti i fattori, con text-wrap:balance puoi chiedere al browser di trovare la soluzione migliore per il wrapping di righe bilanciata.

I due esempi precedenti vengono mostrati insieme, uno è contrassegnato come sbilanciato e l'altro come bilanciato.

Il blocco di testo bilanciato è più piacevole per gli occhi di chi legge. Attirano meglio l'attenzione ed è più facile leggerli.

Il bilanciamento dei titoli sarà e deve essere il caso d'uso principale di text-wrap: balance. L'equilibrio del testo ha un costo in termini di prestazioni, quindi per ridurlo, questa funzionalità funziona solo per un massimo di quattro righe.

Consulta questo articolo con esempi e ulteriori dettagli per migliorare i layout di testo.

CHIPS: Cookies Having Independent Partitioned State.

CHIPS (Cookies Having Independent Partitioned State), che consente di attivare la suddivisione dei cookie di terze parti per sito di primo livello utilizzando il nuovo attributo cookie Partitioned.

Prima di CHIPS, quando un utente visita il sito A, il sito incorporato C poteva impostare un cookie sul computer dell'utente. Se l'utente visita il sito B, che include anche il sito C, quest'ultimo potrebbe accedere allo stesso cookie impostato sul sito A. In questo modo, il sito C può compilare l'attività di navigazione di un utente sui siti A, B e su tutti i siti in cui è incorporato.

Diagramma che mostra i siti e lo spazio di archiviazione con cookie non partizionati.

Sebbene il monitoraggio tra siti sia un problema, esistono esigenze valide per i cookie cross-site che possono essere soddisfatte in modo da tutelare la privacy con il partizionamento dei cookie.

Con CHIPS, quando un utente visita il sito A e i contenuti incorporati del sito C impostano un cookie con l'attributo Partizionato, il cookie viene salvato in un jar partizionato solo per i cookie impostati dal sito C quando è incorporato nel sito A. Il browser invierà quel cookie solo se il sito di primo livello è A.

Diagramma che mostra i siti e lo spazio di archiviazione partizionato con i cookie.

Quando l'utente visita un nuovo sito, ad esempio il sito B, il sito C non riceve il cookie impostato quando C è stato incorporato nel sito A.

Consulta questo articolo per ulteriori dettagli sulla procedura per eliminare gradualmente i cookie di terze parti.

L'API Popover.

Con l'API Popover è più facile creare elementi dell'interfaccia utente (UI) temporanei che vengono visualizzati sopra tutte le altre UI delle app web.

Sono inclusi elementi interattivi per l'utente, come menu di azioni, suggerimenti di elementi di modulo, selettori di contenuti e interfaccia utente didattica.

Il nuovo attributo popover consente di visualizzare automaticamente qualsiasi elemento nel livello superiore. Ciò significa che lo sviluppatore non deve più preoccuparsi di posizionamento, elementi impilzati, attivazione o interazioni con la tastiera.

È simile all'elemento <dialog>, ma presenta diverse differenze importanti, tra cui il comportamento di chiusura rapida, la gestione delle interazioni con i popup e il supporto degli eventi, nonché la mancanza di una modalità "modale".

Per ulteriori informazioni, consulta questo articolo.

E tanto altro.

Ovviamente ce ne sono molti altri.

  • DevTools ti consente di mettere in pausa e eseguire il debug del codice C e C++ nelle app WebAssembly con il supporto DWARF.
  • L'opzione exclusionFilters in navigator.bluetooth.requestDevice() consente agli sviluppatori web di escludere alcuni dispositivi dal selettore del browser.
  • È disponibile una prova dell'origine per Sfocatura sfondo.

Per approfondire

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

Iscriviti

Per rimanere al passo con le novità, iscriviti al canale YouTube di Chrome for Developers, e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Ciao Adriana Jara, non appena verrà rilasciato Chrome 115 sarò qui per ti spiegarti le novità di Chrome.