Novità sulla piattaforma web a maggio

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

Rachel Andrew

Data di pubblicazione: 29 maggio 2025

Release stabili del browser

A maggio 2025 Firefox 139, Chrome 137 e Safari 18.5 sono diventati stabili. Questo post esamina le nuove funzionalità aggiunte alla piattaforma web con queste release.

API Temporal

Firefox 139 è il primo browser a supportare l'API Temporal. In questo modo, puoi lavorare con date e ore in vari scenari, con rappresentazioni di fusi orari e calendari integrati.

hidden=until-found e l'evento beforematch

Firefox 139 include anche l'attributo HTML hidden="until-found" e l'evento beforematch. Lo stato until-found ti consente di nascondere i contenuti di un elemento finché non viene trovato dalla ricerca dell'utente (ad esempio utilizzando "Cerca nella pagina") o dalla navigazione tra i frammenti. L'evento beforematch viene attivato appena prima che l'attributo hidden venga rimosso

Il metodo requestClose()

Ora, con la release di Firefox 139, è disponibile il metodo requestClose() dell'interfaccia HTMLDialogElement.

Questo metodo è diverso dal metodo HTMLDialogElement.close() in quanto attiva un evento cancel prima di attivare l'evento close.

reading-flow e reading-order CSS

Chrome 137 include reading-flow e reading-order. La proprietà CSS reading-flow controlla l'ordine in cui gli elementi in un layout flessibile, a griglia o a blocchi vengono esposti agli strumenti di accessibilità e il modo in cui vengono attivati utilizzando metodi di navigazione sequenziale lineari. In questo modo viene risolto un problema di lunga data relativo ai layout di tipo griglia e flessibile, in cui l'ordine delle schede può essere scollegato dall'ordine in cui sono disposti gli elementi.

La proprietà CSS reading-order ti consente di eseguire manualmente l'override dell'ordine degli elementi all'interno di un contenitore del flusso di lettura. Per utilizzare questa proprietà all'interno di un contenitore di tipo grid, flex o blocco, imposta il valore reading-flow del contenitore su source-order e imposta reading-order del singolo elemento su un valore intero.

Per scoprire di più, consulta Utilizzare il flusso di lettura CSS per la navigazione sequenziale logica dell'attenzione.

Funzione if() CSS

Inoltre, in Chrome 137, la funzione CSS if() offre un modo conciso per esprimere valori condizionali. Accetta una serie di coppie condizione-valore delimitate da punto e virgola. La funzione valuta ogni condizione in sequenza e restituisce il valore associato alla prima condizione vera. Se nessuna delle condizioni restituisce true, la funzione restituisce uno stream di token vuoto.

Document-Isolation-Policy

Disponibile in Chrome 137, Document-Isolation-Policy consente a un documento di attivare crossOriginIsolation per se stesso, senza dover implementare COOP o COEP e indipendentemente dallo stato crossOriginIsolation della pagina. Il criterio è supportato dall'isolamento dei processi. Inoltre, le risorse secondarie cross-origin non CORS del documento verranno caricate senza credenziali o dovranno avere un'intestazione CORP.

Web push dichiarativo

Safari 18.5 era principalmente una release di correzione di bug, ma aggiunge Push web dichiarativo a macOS, una funzionalità attualmente disponibile solo in Safari. Scopri di più nell'articolo Incontrare le notifiche web dichiarative sul blog WebKit.

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 140 e Chrome 138.

Firefox 140 include un sottoinsieme dell'API Cookie Store, un metodo moderno, asincrono e basato su promise per la gestione dei cookie, che può essere utilizzato sia nel thread principale che nei worker di servizio.

Chrome 138 include una serie di API di IA integrate: API Summarizer, API Language Detector e API Translator.

Anche in Chrome 138 sono disponibili diverse funzionalità CSS, tra cui la parola chiave di dimensionamento stretch e le funzioni sibling-index() e sibling-count().