Reader

Novità sulla piattaforma web a marzo

| Web Dev Blog | Default

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

Data di pubblicazione: 31 marzo 2025

Release stabili del browser

A marzo 2025 Firefox 136, Chrome 134 e Safari 18.4 sono diventati stabili. Questo post esamina le nuove funzionalità aggiunte alla piattaforma web.

Nuove pseudo-classi :has-slotted e :open

Firefox 136 supporta la pseudo-classe :has-slotted, utilizzata per applicare stili agli elementi in <template> a cui sono stati aggiunti contenuti a un elemento <slot> durante il rendering di un componente web.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

La pseudo-classe :open consente di selezionare qualsiasi elemento attualmente in stato aperto. Questo vale per gli elementi <details>, <dialog>, <input> con un selettore e per gli elementi <select> quando è aperta una casella di selezione a discesa.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 supporta anche Intl.DurationFormat. In questo modo puoi formattare le durate, tenendo conto delle impostazioni internazionali. Questa funzionalità si aggiunge a Baseline. Per scoprire di più, consulta Intl.DurationFormat è ora disponibile in Baseline.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

Il valore plaintext-only dell'attributo contenteditable

Un'altra funzionalità che diventa di riferimento e che è ora disponibile in questa release di Firefox è il valore plaintext-only dell'attributo globale contenteditable. Scopri di più su questo valore in La combinazione di valori dell'attributo contenteditable "solo testo normale" è ora disponibile come valore di riferimento.

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

Modalità di scrittura orizzontale per CSS

Safari 18.4 include il supporto per writing-mode: sideways-rl e writing-mode: sideways-lr. Questi valori vengono utilizzati quando vuoi visualizzare il testo in verticale per motivi di presentazione. Ora dovrebbero essere visualizzati come Nuovamente disponibili come riferimento.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

La funzione shape() CSS

In Safari 18.4 è presente anche la funzione CSS shape(), che consente di utilizzare forme a forma libera responsive in clip-path.

Browser Support

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

Source

ClipboardItem.support()

Safari 18.4 implementa il metodo support() per ClipboardItem(). In questo modo puoi vedere quali formati sono supportati durante le operazioni con gli appunti. Ora è disponibile come Base di riferimento.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

Luce ignorata per <dialog>

Una delle funzionalità interessanti dell'API Popover è il comportamento di chiusura rapida. Questo comportamento ora fa parte di <dialog>, implementato in Chrome 134, con un nuovo attributo closedby che controlla il comportamento.

Browser Support

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

L'API Web Locks è ora supportata nello spazio di archiviazione condiviso

Chrome 134 integra l'API Web Locks in Shared Storage. In questo modo, si evitano scenari in cui la misurazione della copertura cross-site può comportare la duplicazione dei report, a causa delle potenziali race condition all'interno della logica di get() e set().

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 137 e Chrome 135. Queste release offrono alla piattaforma molte funzionalità interessanti. Consulta le note di rilascio per tutti i dettagli. Ecco alcuni punti salienti.

Firefox 137 include il metodo statico Math.sumPrecise, che restituisce la somma di un Iterable (ad esempio un array). Questa release include anche Atomics.pause(). Questo metodo fornisce un suggerimento alla CPU che il thread corrente è in uno spinlock mentre è in attesa di accedere a una risorsa condivisa.

Chrome 135 include una serie di funzionalità CSS relative alla creazione di caroselli. Sono inclusi anche elementi <select> personalizzabili e gli attributi command e commandfor.