Novità sulla piattaforma web a ottobre

Scopri alcune delle funzionalità interessanti che sono state introdotte nei browser web stabili e beta nel mese di ottobre 2026.

Rachel Andrew

Data di pubblicazione: 29 ottobre 2026

Release del browser stabili

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 e Safari 27.2 rilasciati nella versione stabile a ottobre 2026. Questo post esamina le nuove funzionalità disponibili nei browser questo mese, con diverse funzionalità principali che raggiungono lo stato di appena disponibili in Baseline.

Le animazioni basate sullo scorrimento diventano Baseline

Firefox 159 attiva le animazioni basate sullo scorrimento per impostazione predefinita.

Le animazioni basate sullo scorrimento ti consentono di collegare l'avanzamento di un'animazione CSS o di un'animazione dell'API Web Animations all'offset di scorrimento di un contenitore di scorrimento, utilizzando scroll-timeline e la funzione scroll(), o alla visibilità di un elemento all'interno del relativo scrollport utilizzando view-timeline e la funzione view(), assegnata con animation-timeline:

Con il supporto di Chrome, Safari e ora Firefox 159, le animazioni basate sullo scorrimento sono disponibili di recente in Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Consulta Animazioni basate sullo scorrimento: il percorso verso Baseline, ora disponibile e scorri la sequenza temporale per scoprire come le animazioni basate sullo scorrimento si sono evolute da una proposta di inizio 2014 a uno standard web interoperabile disponibile in tutti i motori dei browser principali.

I registri di elementi personalizzati con ambito diventano Baseline

Firefox 159 aggiunge il supporto per i registri di elementi personalizzati con ambito.

In precedenza, tutti gli elementi personalizzati dovevano essere registrati in un unico registro globale window.customElements, il che poteva causare conflitti di denominazione quando si combinavano componenti di librerie o team diversi. Ora puoi creare un'istanza CustomElementRegistry indipendente utilizzando il costruttore CustomElementRegistry() e definire l'ambito delle sue definizioni in uno shadow tree specifico. La proprietà customElementRegistry è disponibile anche su Document, Element e ShadowRoot.

Con il supporto di Chrome, Safari e Firefox 159, i registri degli elementi personalizzati con ambito sono ora disponibili in Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Supporto delle immagini JPEG XL

Sia Chrome 155 che Firefox 158 attivano il supporto per il formato dell'immagine JPEG XL (image/jxl) per impostazione predefinita.

JPEG XL è un formato di immagine raster esente da royalty standardizzato come ISO/IEC 18181. Supporta la compressione con e senza perdita di dati, la decodifica progressiva, ampie gamme di colori, High Dynamic Range (HDR), profondità di bit elevate, trasparenza e animazione, nonché la transcodifica senza perdita di dati dei file JPEG esistenti. Firefox 158 aggiorna anche l'intestazione HTTP Accept predefinita per le richieste di immagini in modo da includere image/jxl.

Scopri di più in Shipping JPEG XL in Chrome.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

L'aritmetica tipizzata CSS diventa Baseline

Firefox 158 aggiunge il supporto per l'aritmetica tipizzata CSS nelle funzioni matematiche come calc().

L'aritmetica tipizzata CSS ti consente di dividere due valori dello stesso tipo di dati, anche se utilizzano unità diverse, per produrre un quoziente <number> senza unità. Puoi utilizzare questo risultato senza unità direttamente nelle proprietà che accettano numeri (come opacity o line-height) o moltiplicarlo per un'altra unità per eseguire la conversione tra i tipi:

Con l'aggiunta di Firefox 158 al supporto esistente in Chrome e Safari, l'aritmetica tipizzata CSS è ora Baseline Newly available.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

Firefox 158 aggiunge il supporto per la proprietà PerformanceResourceTiming.deliveryType.

Questa proprietà indica come è stata pubblicata una risorsa, ad esempio restituendo "cache" quando una risorsa è stata pubblicata dalla cache.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

La funzione CSS random()

Chrome 156 aggiunge il supporto per la funzione CSS random().

La funzione random() genera un valore numerico casuale all'interno di un intervallo minimo e massimo specificato, con un intervallo di incremento facoltativo. Per impostazione predefinita, ogni chiamata random() restituisce un valore casuale distinto. In alternativa, puoi passare un <random-key> come primo argomento per condividere un valore casuale tra proprietà o elementi:

Guarda gli esempi nell'articolo Embracing playful imperfection with the CSS random() function su Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

La proprietà CSS margin-trim

Chrome 155 aggiunge il supporto per la proprietà CSS margin-trim sui container di blocchi e su quelli a più colonne.

Puoi utilizzare margin-trim su un container per omettere i margini dei relativi elementi secondari dove incontrano i bordi del container, evitando spazi aggiuntivi prima del primo elemento secondario o dopo l'ultimo elemento secondario senza dover eseguire l'override di :first-child o :last-child.

Scopri di più in Rimuovi i margini di inizio e di fine con la proprietà margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Stili di contatore incorporati con la funzione CSS symbols()

Chrome 155 introduce il supporto della funzione CSS symbols().

La funzione symbols() consente di definire uno stile di contatore anonimo direttamente all'interno di list-style-type, della sintassi abbreviata list-style, di counter() o di counters() senza dichiarare una regola @ @counter-style denominata separata.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

La proprietà CSS text-decoration-skip-spaces

Chrome 155 aggiunge la proprietà CSS text-decoration-skip-spaces, che controlla se le linee di decorazione del testo, come sottolineature, sopralinee e barrature, saltano i caratteri spazio vuoto. In questo modo, puoi impedire che le decorazioni vengano disegnate sotto gli spazi iniziali, finali o tra le parole.

Browser Support

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

La pseudoclasse CSS :navigation-source

Chrome 156 introduce la pseudo-classe CSS :navigation-source. Corrisponde al link, al pulsante o all'elemento del modulo che ha avviato una navigazione e mantiene l'elemento selezionato durante la navigazione.

Browser Support

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

Importazioni di moduli di testo JavaScript e nuovi tentativi di caricamento dei moduli non riusciti

Chrome 155 aggiunge il supporto per le importazioni di moduli di testo utilizzando import ... with { type: "text" }, unendosi a Firefox. L'attributo di importazione type: "text" carica i contenuti del modulo di destinazione come stringa JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

Chrome 156 aggiorna anche il comportamento di caricamento dei moduli, in modo che i caricamenti dei moduli non riusciti non vengano più memorizzati nella cache in modo permanente. Le applicazioni ora possono riprovare i caricamenti dei moduli non riusciti, ad esempio chiamando nuovamente import() dopo un errore di rete temporaneo.

Aggiornamenti di WebTransport in Chrome e Firefox

Firefox 158 e Chrome 156 espandono entrambi WebTransport:

Firefox 158 aggiunge il metodo WebTransport.getStats() per recuperare le statistiche di connessione e datagramma e la proprietà statica WebTransport.supportsReliableOnly che indica se il browser supporta le sessioni WebTransport su trasporti esclusivamente affidabili.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

Chrome 156 aggiunge il supporto per il passaggio di intestazioni della richiesta HTTP personalizzate in WebTransportOptions durante l'handshake CONNECT iniziale e la lettura delle intestazioni della risposta del server dall'istanza WebTransport.

L'opzione Notification navigate in Firefox

Firefox 158 aggiunge il supporto per l'opzione navigate nel costruttore Notification() e in ServiceWorkerRegistration.showNotification(), nonché per la proprietà Notification.navigate, unendosi a Safari. Questa opzione specifica un URL a cui il browser deve indirizzare l'utente quando fa clic sulla notifica di sistema.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Aggiornamenti dell'API HTML Sanitizer in Firefox

Firefox 158 aggiunge l'opzione di configurazione javascriptURLs e Sanitizer.setJavascriptURLs() all'API HTML Sanitizer, controllando se gli attributi contenenti URL javascript: vengono rimossi quando si utilizzano metodi di inserimento HTML non sicuri come Element.setHTMLUnsafe().

Browser Support

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

Firefox 159 aggiorna anche i metodi di sanitizzazione sicuri, come Element.setHTML(), per rimuovere elementi e attributi indesiderati durante l'analisi anziché dopo la creazione dell'albero DOM, garantendo che il testo adiacente rimanga in un unico nodo di testo.

Ridenominazione di flow-tolerance in fit-tolerance in Safari

Safari 27.2 rinomina la proprietà flow-tolerance in fit-tolerance per il layout delle corsie della griglia (display: grid-lanes), mantenendo flow-tolerance come alias deprecato.

Browser Support

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

Release beta del browser

Le versioni beta del browser ti offrono un'anteprima di ciò che sarà presente nella prossima versione stabile del browser. È un ottimo momento per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che la release venga resa disponibile per tutti. Le nuove beta di questo mese sono Chrome 157, Chrome 158 e Firefox 160.

Chrome 157 beta include la sintassi abbreviata CSS corner e le sintassi abbreviate secondarie per i bordi per impostare border-radius e corner-shape insieme, text-decoration-inset, text-overflow: <string> e position-visibility: anchor-valid e anchor-visible. Include anche il supporto del rendering HTML-in-canvas e un attributo displaymode solo icona per gli elementi di funzionalità <camera>, <microphone> e <geolocation>.

Chrome 158 beta introduce l'elemento HTML dichiarativo <install> e l'API Web Install (navigator.install()) per l'installazione di app web multiorigine. Le aggiunte CSS e SVG includono il selettore di evidenziazione personalizzato universale ::highlight(*), le pseudoclassi di stato degli elementi multimediali (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), le parole chiave di allineamento flow-start e flow-end e i raggi closest-corner e farthest-corner per le forme di base circle() e ellipse().

La versione beta di Firefox 160 aggiorna l'API WebExtensions runtime.PlatformInfo in modo che restituisca arch come arm64 anziché aarch64 sulle piattaforme ARM64, in linea con Chrome.