Novità sulla piattaforma web a maggio

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

Rachel Andrew

Pubblicato: 29 maggio 2026

Release stabili del browser

Chrome 148, Firefox 151 e Safari 26.5 sono stati rilasciati nella versione stabile a maggio. Questo post esamina le numerose nuove funzionalità di questo mese.

Nota:i dati di compatibilità del browser estratti da MDN sono inclusi in questi post e potrebbero non essere ancora stati aggiornati per le versioni del browser più recenti. Il post mostrerà le informazioni corrette non appena verranno visualizzate nella release di browser-compat-data.

La pseudo classe CSS :open diventa Baseline

Safari 26.5 è principalmente una release di correzioni alle funzionalità esistenti. Tuttavia, include anche il supporto per la :open pseudo-classe, rendendo questa funzionalità disponibile di recente in Baseline.

La pseudo-classe :open ti consente di applicare uno stile agli elementi che hanno stati "aperto" e "chiuso" quando sono aperti. Ciò vale per elementi come <details> e <dialog> quando sono aperti, nonché per gli elementi <select> e <input> (come i selettori di colore o data) quando le relative interfacce di selezione sono visualizzate. In questo modo, viene fornita un'alternativa semantica e più pulita allo stile utilizzando attributi come details[open].

Browser Support

• 133
• 133
• 136
• 26.5

Source

Le query sui contenitori solo con nome CSS diventano di base

Con la spedizione di Chrome 148 questo mese, le query solo con nome del contenitore sono ora disponibili nella baseline.

In precedenza, quando scrivevi una query del contenitore, dovevi specificare una condizione di query di dimensione o stile insieme al nome del contenitore e stabilire il tipo di contenitore con la proprietà container-type. Ora puoi eseguire query sulla presenza di un contenitore denominato solo in base al nome, senza condizioni aggiuntive. Inoltre, non è più necessario impostare un container-type sull'elemento principale se esegui query solo per nome:

#container {
  container-name: --sidebar;
}

@container --sidebar {
  .content {
    padding: 2rem;
  }
}

Browser Support

• 148
• 148
• 149
• 26.4

Le query di stile del contenitore per le proprietà personalizzate diventano di base

Firefox 151 introduce il supporto per le query style() su @container, rendendo le query di stile del contenitore per le proprietà personalizzate di base appena disponibili.

Le query di stile del contenitore ti consentono di applicare stili agli elementi in base alle proprietà CSS di un contenitore principale. Sebbene le query sulle dimensioni siano estremamente potenti, le query sullo stile ti consentono di eseguire query su funzionalità non relative alle dimensioni. In particolare, questa release offre il supporto completo cross-browser per l'interrogazione delle proprietà personalizzate. Ad esempio, puoi verificare se una proprietà personalizzata --theme è impostata su dark in un contenitore principale:

@container style(--theme: dark) {
  .card {
    background-color: #1a1a1a;
    color: #fff;
  }
}

Browser Support

• 111
• 111
• 151
• 18

Caricamento lento per gli elementi video e audio

Chrome 148 introduce il caricamento differito nativo per gli elementi <video> e <audio> con l'attributo loading="lazy".

Proprio come gli elementi <img> e <iframe>, ora puoi indicare al browser di ritardare il caricamento delle risorse multimediali finché non si trovano vicino alla finestra. In questo modo migliorano le prestazioni di caricamento pagina, si risparmia larghezza di banda e si riduce l'utilizzo dei dati per gli utenti. Scopri di più dal team che ha implementato questa funzionalità in How To Use Standard HTML Video and Audio Lazy-Loading on the Web Today.

Browser Support

• 148
• 148
• x
• x

Source

API Document Picture-in-Picture

Firefox 151 introduce il supporto dell'API Document Picture-in-Picture sulle piattaforme desktop.

A differenza dell'API Picture in picture standard, che consente di visualizzare un elemento <video> in una finestra sempre in primo piano, l'API Document Picture in picture consente di aprire una finestra sempre in primo piano contenente contenuti HTML arbitrari. In questo modo, è possibile utilizzare overlay interattivi avanzati, come le griglie dei partecipanti alle videoconferenze, i ticker azionari interattivi o i timer che rimangono attivi anche quando si esce dalla pagina.

Browser Support

• 116
• 116
• 151
• x

Source

L'API Web Serial espande il supporto della piattaforma

Firefox 151 aggiunge il supporto per l'API Web Serial sulle piattaforme desktop, mentre Chrome 148 lo aggiunge su Android.

L'API Web Serial consente ai siti web di leggere e scrivere su dispositivi seriali, ad esempio microcontrollori, stampanti 3D, schede di sviluppo e hardware periferico. In Firefox, l'utilizzo dell'API Web Serial richiede agli utenti di installare un componente aggiuntivo per l'autorizzazione del sito generato sinteticamente, garantendo un meccanismo sicuro e controllato per gestire l'accesso.

Browser Support

• 89
• 89
• 151
• x

Source

Versioni beta del browser

Le versioni beta del browser offrono un'anteprima delle funzionalità della prossima 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 Chrome 149 e Firefox 152. Non è disponibile nessuna versione beta di Safari questo mese.

La versione beta di Chrome 149 include aggiornamenti CSS entusiasmanti come le decorazioni degli spazi CSS, che ti consentono di applicare uno stile agli spazi bianchi (gap) tra gli elementi flessibili e della griglia. Supporta anche path() e shape(), nonché le funzioni di forma di base rect() e xywh() nella proprietà shape-outside e path-length come proprietà CSS. Sul lato API, i metodi di scorrimento programmatico come scrollTo(), scrollBy() e scrollIntoView() ora restituiscono promesse che si risolvono al termine dello scorrimento uniforme e le pagine con connessioni WebSocket attive ora possono essere idonee alla memorizzazione nella cache indietro/avanti (BFCache).

Firefox 152 beta introduce il supporto completo della proprietà field-sizing, che consente ai controlli dei moduli di regolare automaticamente le proprie dimensioni in base ai contenuti. Inoltre, aggiunge le proprietà actions e maxActions all'interfaccia Notification e il supporto di options.pseudoElement in Element.getAnimations().