Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a febbraio 2024.
Release del browser stabile
A febbraio 2024, Firefox 123 e Chrome 122 sono diventati stabili. Questo post illustra le nuove funzionalità aggiunte alla piattaforma web.
DOM shadow dichiarativo
Firefox 123 supporta l'attributo shadowrootmode
dell'elemento <template>
, supportando quindi il DOM dichiarativo Shadow.
Questa funzionalità ora unisce Baseline appena disponibile, in quanto è interoperabile su tutti i browser chiave.
Supporto dei browser
- 111
- 111
- 123
- 16.4
103 Early Hints: precaricamento
Firefox 123 include il codice di stato 103 Early Hints per il precaricamento delle risorse.
Supporto dei browser
- 103
- 103
- 123
- x
Modifiche all'ereditarietà ::backdrop
del CSS
Lo pseudo elemento CSS ::backdrop
è una casella delle dimensioni dell'area visibile, visualizzata immediatamente sotto ogni elemento presentato nel livello superiore.
La specifica originale per ::backdrop
specificava che l'elemento non era stato ereditato da alcun elemento e che non è stato ereditato. Ciò significa che ::backdrop
non ha
accesso alle proprietà personalizzate dichiarate il giorno :root
.
La specifica è stata modificata per consentire a ::backdrop
di ereditare le proprietà dall'elemento di origine. Questa modifica è implementata in Chrome 122.
Scopri di più sulle
modifiche a ::backdrop
.
API Storage Buckets
Chrome 122 include l'API Storage Buckets. Questa API consente ai siti di organizzare i dati sul dispositivo in bucket, i dati del gruppo possono quindi essere rimossi indipendentemente dai dati conservati in altri bucket.
Scopri di più nella documentazione relativa all'API Storage Buckets.
Supporto dei browser
- 122
- 122
- x
- x
API Async Clipboard: lettura di HTML non verificato
Chrome 122 beta include un'opzione unsanitized
nel metodo read()
dell'API Async Clipboard
per recuperare il formato HTML non verificato.
Metodi JavaScript Set
Chrome 122 implementa i seguenti metodi di Set
:
Questi metodi sono già implementati in Safari, a partire dalla versione 17, e sono in Firefox Nightly.
Release del browser beta
Le versioni beta del browser offrono un'anteprima degli elementi che saranno disponibili nella versione stabile successiva del browser. È un ottimo momento per testare le nuove funzionalità, o le rimozioni, che potrebbero avere un impatto sul tuo sito prima dell'uscita a livello mondiale. Le nuove versioni beta sono Firefox 124, Chrome 123 rilasciato questo mese e Safari 17.4 è in corso. Queste release introducono molte fantastiche funzionalità nella piattaforma. Per tutti i dettagli, consulta le note di rilascio. Ecco alcuni punti salienti.
Chrome 123 include diverse nuove funzionalità CSS. La funzione colore light-dark()
consente di adattare più facilmente le combinazioni di colori alle preferenze degli utenti. La proprietà field-sizing
consente i campi di immissione di testo con crescita automatica. È disponibile una nuova funzionalità multimediale da testare per le app mostrate in modalità Picture in picture.
La proprietà text-spacing-trim
applica la crenatura ai caratteri di punteggiatura cinesi, giapponesi e coreani (CJK) per regolare la spaziatura eccessiva.
Per saperne di più, consulta la pagina Introduzione a quattro nuove funzionalità internazionali per CSS.
Le versioni beta di Chrome 123 e Safari 17.4 supportano align-content
nel layout a blocchi e a tabella. Scopri di più sul passaggio all'assistenza align-content
. Testa i tuoi siti se stai utilizzando la proprietà al di fuori dei layout a griglia o flessibili, poiché inizierà a causare l'allineamento dove in precedenza non funzionava nel layout a blocchi.
Firefox 124 include il supporto per la proprietà CSS content-visibility
.
Questa proprietà controlla se un elemento esegue il rendering dei propri contenuti,
consentendo ai browser di omettere il rendering dei contenuti finché non è necessario.