Novità sulla piattaforma web a ottobre

Scopri alcune delle funzionalità interessanti che sono state implementate nei browser web stabili e beta a ottobre 2025.

Rachel Andrew

Pubblicato: 30 ottobre 2025

Release stabili del browser

Chrome 142 e Firefox 144 sono stati rilasciati nella versione stabile a ottobre. Questo post esamina le implicazioni per la piattaforma web.

L'API View Transitions per le app a una sola pagina

Firefox 144 include il supporto per le transizioni di visualizzazione nello stesso documento. Ciò include il supporto per:

• La pseudo-classe :active-view-transition
• Proprietà view-transition-class
• Proprietà view-transition-name
• Lo pseudo elemento ::view-transition
• Lo pseudo elemento ::view-transition-group()
• Lo pseudo elemento ::view-transition-image-pair()
• Lo pseudo elemento ::view-transition-new()
• Lo pseudo elemento ::view-transition-old()

In questo modo, le transizioni di visualizzazione dello stesso documento diventano di base e appena disponibili.

Gli attributi command e commandfor nell'elemento <button>

Firefox 144 supporta command e commandfor. Puoi scoprire di più su questi attributi in Presentazione di command e commandfor.

Il metodo moveBefore()

Il metodo moveBefore() è ora supportato da Firefox nelle interfacce Element, DocumentFragment e Document. In questo modo, puoi spostare un elemento secondario immediato dell'oggetto prima di un altro elemento secondario, mantenendo lo stato di entrambi gli elementi.

Scopri di più in Preserva lo stato durante le mutazioni DOM con moveBefore().

:target-before e :target-after pseudo-classi

Chrome 142 aggiunge pseudo-classi che corrispondono ai marcatori di scorrimento che precedono o seguono il marcatore attivo (corrispondente a :target-current) all'interno dello stesso gruppo di marcatori di scorrimento, come determinato dall'ordine dell'albero piatto:

• :target-before: Corrisponde a tutti i marcatori di scorrimento che precedono il marcatore attivo nell'ordine dell'albero piatto all'interno del gruppo.
• :target-after: corrisponde a tutti i marcatori di scorrimento che seguono il marcatore attivo nell'ordine dell'albero piatto all'interno del gruppo.

Sintassi dell'intervallo per le query sui contenitori di stili e if()

Chrome 142 migliora le query di stile CSS e la funzione if() aggiungendo il supporto per la sintassi dell'intervallo.

Estende le query di stile oltre la corrispondenza esatta dei valori (ad esempio, style(--theme: dark)). Gli sviluppatori possono utilizzare operatori di confronto (come > e <) per confrontare proprietà personalizzate, valori letterali (ad esempio, 10 px o 25%) e valori di funzioni di sostituzione come attr() e env(). Per un confronto valido, entrambi i lati devono essere risolti nello stesso tipo di dati. È limitato ai seguenti tipi numerici: <length>, <number>, <percentage>, <angle>, <time>, <frequency> e <resolution>.

Invoker degli interessi (attributo interestfor)

Chrome 142 aggiunge anche un attributo interestfor agli elementi <button> e <a>. Questo attributo aggiunge comportamenti di "interesse" all'elemento. Quando un utente mostra interesse per l'elemento, vengono attivate azioni sull'elemento di destinazione, ad esempio la visualizzazione di un popup.

Lo user agent rileva quando un utente mostra interesse per l'elemento tramite metodi quali il posizionamento del puntatore sopra l'elemento, la pressione di tasti di scelta rapida speciali sulla tastiera o la pressione prolungata dell'elemento sui touchscreen. Quando l'interesse viene mostrato o perso, viene attivato un InterestEvent sul target, che ha azioni predefinite per i popup, come la visualizzazione e l'occultamento.

Versioni beta del browser

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno disponibili nella successiva versione stabile del browser. È il momento ideale per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che il resto del mondo riceva l'aggiornamento. Le nuove versioni beta di questo mese sono Firefox 145 e Chrome 143, con Safari 26.1 in corso.

Firefox 145 include la proprietà source dell'interfaccia ToggleEvent e il metodo statico Atomics.waitAsync().

Chrome 145 include query sui contenitori di fallback ancorati CSS. In questo modo viene introdotto @container anchored(fallback) per applicare lo stile ai discendenti degli elementi posizionati in base all'ancora in base al valore position-try-fallbacks applicato.