Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a ottobre 2024.
Release stabili del browser
A ottobre 2024, Firefox 131, Firefox 132, Safari 18.1 e Chrome 130 sono diventati stabili. Questo post esamina le nuove funzionalità aggiunte alla piattaforma web.
Assistente per iteratori sincrono
Firefox 131 aggiunge il supporto per gli iteratori di supporto sincroni. Ad esempio, Iterator.prototype.forEach() e Iterator.prototype.map(). Questi helper consentono operazioni simili agli array sugli iteratori senza creare oggetti array intermedi, inclusi set di dati di grandi dimensioni in cui non sarebbe possibile creare un array intermedio.
Frammenti di testo
In Firefox 131 è supportato anche il frammento di testo, insieme allo pseudo-elemento CSS ::target-text
.
Cookies Having Independent Partitioned State (CHIPS)
Firefox 131 include CHIPS, che ti consente di attivare i cookie nello spazio di archiviazione partizionato utilizzando la direttiva partitioned
dell'intestazione HTTP Set-Cookie
.
Aggiornamenti multimediali
Nella seconda release di Firefox di ottobre è presente un insieme di funzionalità multimediali che si aggiungono a quelle di Baseline.
Firefox 132 include i metodi requestVideoFrameCallback()
e cancelVideoFrameCallback()
di HTMLVideoElement
.
È incluso anche il metodo
MediaStreamTrack.getCapabilities()
.
fetchPriority
L'API Fetch Priority indica la priorità relativa delle risorse per il browser. È supportata da Firefox 132, il che significa che questa utile API è ora disponibile come Base di riferimento.
Scopri di più in Ottimizzare il caricamento delle risorse con l'API Fetch Priority.
Supporto completo di box-decoration-break
Chrome 130 include il supporto completo e senza prefisso per la proprietà CSS box-decoration-break
. È incluso il valore di clone
per la frammentazione in blocco e in linea.
Scopri di più sulla proprietà in La proprietà box-decoration-break in Chrome 130.
La regola delle dichiarazioni nidificate
Chrome 130 e Firefox 132 supportano le dichiarazioni CSS nidificate,
il che significa che il CSS nidificato viene analizzato correttamente come spiegato in
Il nesting CSS migliora con CSSNestedDeclarations
.
Supporto dei browser
L'attributo seriale web connected
e gli eventi di connessione RFCOMM
Chrome 130 aggiunge un attributo booleano SerialPort.connected
.
L'attributo restituisce true se la porta seriale è collegata logicamente.
Con questa funzionalità, le porte seriali RFCOMM Bluetooth inviano questi eventi quando la porta diventa logicamente connessa o disconnessa.
Questa funzionalità intende consentire alle applicazioni di rilevare quando è disponibile una porta seriale RFCOMM Bluetooth senza aprirla.
Scopri di più in Aggiornamenti di RFCOMM Bluetooth in Web Serial.
Supporto dei browser
Correzioni di accessibilità in Safari
La versione Safari 18.1 arriva rapidamente dopo Safari 18 e corregge una serie di problemi di accessibilità, in particolare con display: contents
.
Versioni del browser beta
Le versioni beta del browser ti offrono un'anteprima delle funzionalità che saranno disponibili nella successiva versione stabile del browser. È un'ottima occasione per testare nuove funzionalità o rimuovere elementi che potrebbero influire sul tuo sito prima che la release venga resa disponibile a livello mondiale. Le nuove beta sono Firefox 133 e Chrome 131. Queste release offrono alla piattaforma molte funzionalità interessanti. Per tutti i dettagli, consulta le note di rilascio. Eccone solo alcuni.
Firefox 133 supporta le interfacce ImageDecoder
, ImageTrackList
e ImageTrack
dell'API WebCodecs,
consentendo la decodifica delle immagini dai thread principali e di lavoro.
Firefox 133 supporta anche
WorkerNavigator.permissions
.
Chrome 131 include
l'ereditarietà delle evidenziazioni CSS,
in cui le pseudo-classi di evidenziazione CSS, come ::selection
e ::highlight
,
ereditano le proprietà tramite la pseudo catena di evidenziazione,
anziché la catena di elementi.
Il risultato è un modello più intuitivo per l'eredità delle proprietà negli Spostamenti Ricordo.
Inoltre, in Chrome 131 è supportato il CSS per i margini delle pagine dei contenuti multimediali @page
,
in modo da poter fornire intestazioni e piè di pagina personalizzati durante la stampa dal web.