Novità sulla piattaforma web ad aprile

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

Rachel Andrew

Pubblicata: 30 aprile 2025

Release stabili del browser

Ad aprile 2025 Firefox 137, Firefox 138, Chrome 135 e Chrome 136 sono diventati stabili. Questo post esamina le nuove funzionalità aggiunte alla piattaforma web durante un mese che ha visto due release di Chrome e Firefox.

I caroselli arrivano su Chrome

Diverse delle funzionalità introdotte in Chrome nella versione 135 consentono di creare caroselli e altre esperienze paginate sul web.

Gli pseudo-elementi ::scroll-button() e ::scroll-marker() ti consentono di aggiungere pulsanti e indicatori a qualsiasi area scorrevole del tuo sito, fornendo controlli di navigazione e un modo per mostrare all'utente dove si trova mentre avanza nel carosello.

Browser Support

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

Source

L'elemento pseudo ::column che ti consente di applicare uno stile a un frammento di colonna.

Browser Support

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

Source

La proprietà interactivity specifica se un elemento e i relativi discendenti della struttura ad albero piana (inclusi i paragrafi di testo) sono inattivi o meno.

Browser Support

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

L'inerzia di un elemento influisce sulla possibilità di metterlo a fuoco, modificarlo, selezionarlo e cercarlo tramite Trova nella pagina. Influisce anche sulla sua visibilità nell'albero dell'accessibilità.

Scopri di più nella sezione Caroselli con CSS.

Gli attributi command e commandfor

In Chrome 135 sono presenti anche gli attributi command e commandfor. Questi migliorano e sostituiscono gli attributi popovertargetaction e popovertarget. Questi nuovi attributi possono essere aggiunti ai pulsanti, consentendo al browser di risolvere alcuni problemi fondamentali relativi a semplicità e accessibilità e di fornire funzionalità comuni integrate.

Scopri di più nella pagina Introduzione a command e commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

La funzione CSS shape()

La funzione CSS shape() in Chrome 135 viene utilizzata per definire una forma per le proprietà clip-path e offset-path. Scopri come utilizzarlo per il taglio dinamico. Questa funzione è stata rilasciata in Safari 18.4 ed è presente anche in Firefox Nightly. Ci auguriamo che sarà disponibile a breve come base di riferimento.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 include Atomics.pause() che rende questa funzionalità di base disponibile. Questo metodo statico fornisce una primitiva di micro-attesa che suggerisce alla CPU che il chiamante è in attesa mentre attende l'accesso a una risorsa condivisa. In questo modo, il sistema può ridurre le risorse allocate al core (ad esempio l'alimentazione) o al thread, senza cedere il thread corrente.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 include anche la proprietà CSS hyphenate-limit-chars. Questa proprietà specifica una lunghezza minima della parola per consentire l'inserimento di trattini tra le parole e un numero minimo di caratteri prima e dopo il trattino.

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

Il metodo statico RegExp.escape è stato implementato in tutti i browser entro pochi mesi e diventa di riferimento come appena disponibile quando viene implementato in Chrome 136.

Questo metodo esegue la fuga di eventuali caratteri di sintassi delle espressioni regolari in una stringa, restituendo una nuova stringa che può essere utilizzata in sicurezza come pattern letterale per il costruttore RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Il metodo statico Error.isError() determina se il valore passato è un errore. È inclusa in Firefox 138. Sebbene sia supportato in tutti i browser, non è ancora considerato come Base di riferimento di nuova disponibilità perché Safari al momento restituisce false per le istanze DOMException.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

L'API Stato di accesso per FedCM

Firefox 138 supporta l'API Login Status quando si utilizza l'API Federated Credential Management (FedCM). Viene utilizzato per impostare e verificare se un utente del browser ha eseguito l'accesso a un provider di identità. Firefox 138 include il supporto per l'interfaccia NavigatorLogin, la proprietà navigator.login e l'intestazione della risposta HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Integrità di Importmap

In Firefox 138 il valore importmap dell'attributo type dell'elemento <script> ora supporta la chiave integrity. In questo modo, gli URL dei moduli ES a cui viene fatto riferimento nelle mappe di importazione vengono associati ai relativi metadati di integrità. Questa funzionalità è ora disponibile come riferimento.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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 139 e Safari 18.5.

Finora la versione beta di Safari 18.5 include solo alcune correzioni di bug dopo la grande release 18.4.

Al momento della stesura di questo articolo, Firefox non ha pubblicato le note di rilascio, ma la versione beta sembra includere l'implementazione dell'API Temporal, il che fa di Firefox il primo browser a implementare questa versione migliorata di Date. Inoltre, verrà implementato <dialog> request.close(), che renderà questo metodo disponibile nella base di riferimento.