Novità di Chrome 114

Adriana Jara

Tieni presente quanto segue:

  • Il CSS text-wrap: balance è disponibile per migliorare i layout di testo.
  • I cookie suddivisi per sito di primo livello (CHIPS) sono disponibili qui.
  • I popup sono più semplici che mai con l'API Popup.
  • E c'è molto altro.

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

text-wrap:balance.

Utilizza text-wrap: balance per migliorare i layout di 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 addirittura la lingua del testo. Tutte le variabili sono necessarie per un trattamento efficace del testo a capo. Poiché il browser conosce tutti i fattori, con text-wrap:balance puoi chiedere al browser di trovare la soluzione migliore per l'a capo bilanciato.

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

Il blocco di testo bilanciato è più piacevole per l'occhio di un lettore. 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, il testo può contenere fino a 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 in base al sito di primo livello utilizzando il nuovo attributo cookie Partitioned.

Prima di CHIPS, quando un utente visitava il sito A, il sito C incorporato 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à questo cookie solo quando 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 di ritiro dei 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 saperne di più, 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 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à rilasciata la versione 115 di Chrome, sarò qui per dirti le novità di Chrome.