Novità sulla piattaforma web a ottobre

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a ottobre 2024.

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.

Supporto dei browser

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: non supportato.

Origine

Frammenti di testo

In Firefox 131 è supportato anche il frammento di testo, insieme allo pseudo-elemento CSS ::target-text.

Supporto dei browser

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari Technology Preview: supportato.

Origine

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.

Supporto dei browser

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: non supportato.

Origine

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.

Supporto dei browser

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

Origine

È incluso anche il metodo MediaStreamTrack.getCapabilities().

Supporto dei browser

  • Chrome: 59.
  • Edge: 12.
  • Firefox: 132.
  • Safari: 11.

Origine

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 dei browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Origine

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.

Supporto dei browser

  • Chrome: 130.
  • Bordo: 130.
  • Firefox: 32.
  • Safari: 7.

Origine

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

  • Chrome: 130.
  • Bordo: 130.
  • Firefox: 132.
  • Safari: non supportato.

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

  • Chrome: 130.
  • Edge: non supportato.
  • Firefox: non supportato.
  • Safari: non supportato.

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.