Novità sulla piattaforma web a giugno

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta nel corso di giugno 2025.

Rachel Andrew

Pubblicato il 30 giugno 2025

Release stabili del browser

A giugno 2025 Firefox 140 e Chrome 138 sono diventati stabili. Questo post esamina le nuove funzionalità aggiunte alla piattaforma web con queste release.

Esegui la fuga di < e > negli attributi durante la serializzazione dell'HTML

Sia Chrome 138 che Firefox 140 includono questa modifica per impedire gli exploit in cui il codice HTML viene serializzato e poi reiniettato nel DOM. Questa modifica è inclusa anche nella versione beta di Safari 26. Scopri di più sul motivo per cui questa modifica era necessaria.

L'API CSS Custom Highlight

Firefox 140 implementa l'API CSS Custom Highlight. In questo modo puoi definire e applicare stili a intervalli di testo arbitrari in un documento, in modo simile ad altri pseudo-elementi CSS di evidenziazione come ::grammar-error.

Oltre all'API JavaScript, il lavoro include lo pseudo-elemento CSS ::highlight, utilizzato per applicare gli stili all'evidenziazione registrata. Sebbene questa funzionalità sia ora ampiamente interoperabile, alcuni problemi con lo pseudo-elemento ::highlight non la rendono ancora del tutto di riferimento.

L'API Cookie Store

L'API Cookie Store è un'API asincrona per la gestione dei cookie ed è supportata da Firefox 140. Ora è disponibile il supporto di base per questa API in tutti i browser, tuttavia consulta la tabella di compatibilità su MDN per informazioni sulle parti che non sono ancora interoperabili.

Rimozione degli eventi di mutazione

Interop 2025 prevede una rimozione quest'anno. Gli eventi di mutazione precedenti come DOMSubtreeModified, DOMNodeInserted e DOMNodeRemoved rilevano le modifiche al DOM ed eseguono un callback del gestore di eventi quando si verificano modifiche al DOM. Questi eventi di mutazione sono stati ritirati a favore dell'API MutationObserver, che è più performante e meno soggetta a errori.

Firefox 140 rimuove questi eventi, che sono già stati rimossi da Chrome.

Funzioni CSS in Chrome 138

Chrome 138 include un'intera serie di funzioni CSS, alcune delle quali sono nuove per la piattaforma, mentre altre diventano di riferimento con la loro inclusione in Chrome.

Le funzioni relative ai segni abs() e sign() diventano di base disponibili con Chrome 138.

Una novità della piattaforma è la funzione di interpolazione progress().

Chrome 138 include anche sibling-index() e sibling-count(). Questi possono essere utilizzati come numeri interi nei valori delle proprietà CSS per applicare stili agli elementi in base alla loro posizione tra i fratelli o al numero totale di fratelli, rispettivamente.

API di IA integrate per traduzione, rilevamento della lingua e riepilogo

Chrome 138 include tre API di IA JavaScript integrate. Le API Translator e Language Detector ti consentono di rilevare la lingua in cui è scritto un testo e di tradurlo in lingue diverse. Utilizzano il modello di AI interno del browser e quindi eseguono questo lavoro sul dispositivo.

L'API Summarizer riassume il testo, sempre sul dispositivo, utilizzando il modello di IA interno del browser.

Supporto dell'orientamento dei fotogrammi video in WebCodecs

Chrome 138 aggiunge inoltre i valori rotation: int e flip: bool a varie interfacce relative ai video in WebCodecs per consentire agli sviluppatori di lavorare con frame source con orientamento.

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 141, Safari 26 e Chrome 139.

Safari 26 promette di essere una release ricca di funzionalità per il browser. Per il CSS include il supporto di overflow-block e overflow-inline, animazioni basate sullo scorrimento, posizionamento dell'ancora, la funzione progress() CSS e molto altro ancora. È inoltre supportato l'utilizzo delle API AudioEncoder e AudioDecoder, l'API URLPattern, l'API Digital Credentials, Trusted Types e l'API WebAuthn Signal.

Chrome 139 include le funzioni personalizzate CSS, la sagomatura degli angoli e la proprietà caret-animation. Sono incluse anche l'API On-device Web Speech, le estensioni dell'ambito delle app web e il comando request-close invoker.

Firefox 141 aggiunge l'argomento options.source per showPopover() e togglePopover() per stabilire una relazione tra un popup e il suo invocatore. Include anche il supporto della proprietà CSS font-variant-emoji.