Novità sulla piattaforma web a ottobre

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta durante il mese di 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.

Funzionalità di assistenza per gli iteratori sincroni

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.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: not supported.

Source

Frammenti di testo

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

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

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.

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: not supported.

Source

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.

Browser Support

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

Source

È incluso anche il metodo MediaStreamTrack.getCapabilities().

Browser Support

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

Source

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.

Browser Support

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

Source

Assistenza completa per 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.

Browser Support

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

Source

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.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

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à è progettata per consentire alle applicazioni di rilevare quando è disponibile una porta seriale Bluetooth RFCOMM senza aprirla.

Scopri di più nella pagina Aggiornamenti Bluetooth RFCOMM in Web Serial.

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: not supported.
  • Safari: not supported.

Source

Correzioni di accessibilità in Safari

La release di Safari 18.1 è stata rilasciata poco dopo Safari 18 e corregge una serie di problemi di accessibilità, in particolare con display: contents.

Release beta del browser

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à degli elementi in evidenza del CSS, in cui le pseudoclassi di evidenza CSS, come ::selection e ::highlight, ereditano le loro proprietà tramite la catena di pseudo evidenza, 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 caselle @page per i contenuti multimediali paginati, in modo da poter fornire intestazioni e piè di pagina personalizzati durante la stampa dal web.