Chrome 150 beta

Rachel Andrew

Data di pubblicazione: 3 giugno 2026

Se non diversamente specificato, le seguenti modifiche si applicano alla release più recente del canale beta di Chrome per Android, ChromeOS, Linux, macOS e Windows. Scopri di più sulle funzionalità elencate qui tramite i link forniti o dall'elenco su ChromeStatus.com. A partire dal 2 giugno 2026, Chrome è in versione beta. Puoi scaricare l'ultima versione su Google.com per computer o sul Google Play Store su Android.

CSS e UI

Colori di sistema AccentColor e AccentColorText

I colori di sistema AccentColor e AccentColorText possono essere utilizzati in CSS per accedere al colore intenso del sistema specificato sul dispositivo dell'utente. Questa funzionalità consente agli sviluppatori di applicare uno stile simile a quello delle app ai contenuti web in contesti in cui gli utenti si aspettano l'integrazione del tema del sistema operativo, ad esempio un'applicazione web installata. Gli utenti devono trovarsi in un'applicazione web installata nel profilo iniziale per visualizzare il colore di accento del sistema.

Consenti il parametro di arrotondamento facoltativo per polygon()

Consente di specificare un parametro di arrotondamento degli angoli facoltativo nella funzione di forma CSS polygon(). Gli sviluppatori possono specificare un valore di lunghezza per arrotondare gli angoli del poligono senza calcolare manualmente le curve di Bézier.

Zoom animabile

La proprietà CSS zoom è animabile e si interpola come <number>. Gli sviluppatori possono eseguire la transizione e animare lo zoom per scalare senza problemi gli elementi e il loro layout, integrando la scalabilità esistente basata sulla trasformazione.

Modificatori delle richieste di URL CSS

Le funzioni CSS url() accettano modificatori di richiesta facoltativi dopo la stringa URL tra virgolette: cross-origin(), integrity() e referrer-policy(). Questi modificatori controllano il comportamento di recupero della risorsa a cui viene fatto riferimento direttamente da CSS, senza richiedere modifiche al markup HTML o a JavaScript.

Ad esempio, background-image: url("image.png" cross-origin(anonymous)) recupera l'immagine utilizzando la modalità anonima CORS.

Proprietà CSS text-fit

Scala le dimensioni del carattere dei nodi di testo in modo che si adattino perfettamente alla larghezza della casella contenitore.

Questa proprietà consente agli sviluppatori di assicurarsi che i titoli o i contenuti dinamici riempiano lo spazio orizzontale disponibile senza calcoli manuali delle dimensioni del carattere o soluzioni alternative JavaScript complesse. Questa proprietà fornisce una soluzione robusta e nativa di CSS per la tipografia adattabile che mantiene l'allineamento visivo su diverse dimensioni dello schermo e lunghezze del testo variabili.

CSS background-clip: border-area

Implementa il valore border-area per la proprietà CSS background-clip, come definito in CSS Backgrounds Level 4. Il valore background-clip ritaglia lo sfondo di un elemento nell'area disegnata dai tratti del bordo, tenendo conto di border-width e border-style e ignorando la trasparenza di border-color. Questo valore consente di creare bordi sfumati senza border-image.

Funzione CSS image(<color>)

La funzione image() consente agli sviluppatori di generare un'immagine a tinta unita da qualsiasi colore. La sintassi è: image() = image( <color> ).

CSS light-dark() con valori di immagine

Estende la funzione CSS light-dark() per accettare valori di immagine, come url(), image-set() e none, nei fogli di stile dell'autore, consentendo alle proprietà dell'immagine come background-image, list-style-image, border-image-source, cursor e content di passare automaticamente da un'immagine all'altra in base alla combinazione di colori preferita dall'utente. In precedenza, questo comportamento era consentito solo nei fogli di stile dell'agente utente. Questa modifica è in linea con la specifica CSS Color 5 e corrisponde all'implementazione esistente di Firefox.

Clona in tutti gli elementi selectedcontent discendenti

Verranno apportate alcune piccole modifiche ai casi limite dell'elemento selectedcontent:

• Quando più elementi selectedcontent vengono inseriti contemporaneamente in un elemento <select>, tutti vengono aggiornati anziché solo il primo nell'ordine DOM.
• L'aggiornamento dell'elemento selectedcontent viene posticipato quando viene eseguito durante i passaggi di inserimento, rimozione o spostamento per risolvere i problemi di sicurezza. L'aggiornamento viene posticipato utilizzando passaggi di post-inserimento o microtask.

Query sui container separate da virgole

Supporta più query per regola @container. La regola @container si applica se almeno una delle query corrisponde.

Questa funzionalità consente, ad esempio, di avere query di riserva per le funzionalità non supportate in tutti i browser.

Esempio:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

Oltre al supporto per più query, il modello a oggetti viene esteso per supportare l'attributo conditions nell'API CSSContainerRule.

Esporre le aree non stampabili a CSS

In genere, le stampanti hanno una piccola area su ciascuno dei quattro bordi di un foglio di carta che non sono in grado di contrassegnare in modo affidabile, di solito a causa del meccanismo di gestione della carta della stampante. È previsto che i margini di pagina predefiniti siano più grandi di queste aree, ma se gli autori impostano i margini autonomamente e vogliono persino aggiungere caselle di margine @page, ad esempio per intestazioni e piè di pagina personalizzati, hanno bisogno di un modo per determinare dove è sicuro stampare.

Il descrittore CSS page-margin-safety può essere utilizzato per evitare queste aree non stampabili.

L'attributo focusgroup

Consente agli autori di fornire in modo dichiarativo ai widget compositi la navigazione con i tasti freccia, un punto di tabulazione garantito e la memoria dell'ultimo elemento con stato attivo, sostituendo gli script di indice di tabulazione mobile codificati manualmente. Esempio:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Pseudo-classi degli elementi multimediali

Le pseudo-classi CSS :playing, :paused, :seeking, :buffering, :stalled, :muted, e :volume-locked corrispondono agli elementi <audio> e <video> in base al loro stato.

Questa funzionalità è una delle aree di interesse di Interop 2026.

Modifiche al comportamento di popover=hint

Questa modifica implementa un modello di impilamento rivisto e semplificato per l'attributo popover=hint e le relative interazioni con popover=auto. In precedenza, le interazioni tra questi due tipi di popover potevano essere complesse in alcune situazioni di casi limite, ad esempio l'annidamento di popover=auto all'interno di popover=hint, e potevano portare a un comportamento imprevisto. Con il nuovo modello, l'apertura di un popover=hint non chiude più inavvertitamente gli elementi popover=auto non correlati. I popover di suggerimento vengono nascosti solo quando il relativo popover=auto ancestrale è nascosto o quando viene aperto un nuovo popover=auto non correlato. Inoltre, gli sviluppatori possono annidare in sicurezza un popover automatico all'interno di un popover di suggerimento; anziché generare un'eccezione o interrompere lo stack, il popover=auto annidato esegue il downgrade senza problemi e si comporta come un popover=hint. Questa funzionalità consente agli sviluppatori di inserire un elemento personalizzabile <select> all'interno di un popover=hint.

Per migliorare ulteriormente la prevedibilità ed evitare mutazioni di stato complesse, Chrome sta anche rafforzando il comportamento di apertura e chiusura dei popover dall'interno dell'evento beforetoggle. In precedenza, erano presenti protezioni per alcuni, ma non per tutti, i casi possibili. Questa modifica rinnova il meccanismo utilizzato per rilevare questi casi in modo da generare in modo più affidabile InvalidStateError per tutti questi casi. Questa modifica garantisce che la gestione dello stato del popover rimanga stabile e impedisce i bug di rientro in loop.

Queste modifiche sono state motivate dalle conversazioni sugli standard con Mozilla sulla richiesta di pull della specifica HTML su GitHub.

Colori alfa relativi

I colori alfa relativi forniscono un modo CSS diretto per derivare una versione traslucida di un colore esistente senza riscrivere i relativi canali di colore. Attualmente, gli sviluppatori devono duplicare i valori dei componenti o creare token precalcolati separati quando vogliono lo stesso colore con opacità diversa. La funzione CSS Color 5 alpha() conserva i componenti di colore originali e modifica solo l'alfa, il che riduce il sovraccarico di creazione e semplifica il riutilizzo e la manutenzione dei token di colore.

<iframe> con dimensioni adattabili

Consente ai siti di attivare le dimensioni adattabili degli iframe, che dimensionano l'elemento <iframe> nel documento principale in base alle dimensioni di overflow del layout del documento iframe per evitare lo scorrimento nel documento secondario.

flex-wrap:balance

flex-wrap:balance consente agli sviluppatori di distribuire i contenuti tra le righe flessibili in modo che appaiano più bilanciati, in modo simile a text-wrap:balance.

Funzione named-feature() per CSS @supports

La funzione named-feature() consente alle regole CSS @supports di eseguire query su un piccolo insieme di funzionalità denominate specifiche che non è possibile testare utilizzando altri meccanismi @supports, ma che sono considerate di grande valore per il test.

overscroll-behavior: chain

overscroll-behavior ha tre valori: none, auto e contain. Questi valori influiscono su due effetti indipendenti: propagazione dello scorrimento ed effetto del bordo locale. Ad esempio, l'allungamento dell'overscroll.

• none: nessuna propagazione dello scorrimento, nessun effetto di limite locale.
• auto: propagazione dello scorrimento, effetti di limite locale.
• contain: nessuna propagazione dello scorrimento, effetti di limite locale.

Questa release tiene traccia di un nuovo valore per completare l'insieme: chain: propagazione dello scorrimento, nessun effetto di limite locale.

Questo valore è utile per effetti come i menu laterali implementati come scroller. Puoi visualizzare il menu e, quando raggiunge il bordo, non esegue l'overscroll, non si allunga e non si traduce. Tuttavia, lo scorrimento viene concatenato all'elemento antenato.

API web

Disattivare i filtri SVG su plug-in e iframe multiorigine o limitati

Chrome 150 impedisce l'applicazione dei filtri Scalable Vector Graphics (SVG) a iframe multiorigine o limitati, ad esempio quelli in sandbox, e a plug-in incorporati, ad esempio PDF. Quando un frame o un plug-in viene disegnato con un effetto di filtro SVG, l'albero degli effetti viene attraversato per trovare l'elemento antenato più alto senza filtri SVG e viene applicato questo effetto.

IndexedDB: backend SQLite

L'implementazione di IndexedDB di Chromium viene riscritta su SQLite per sostituire l'implementazione precedente che utilizza un ibrido di LevelDB e file flat. Questa modifica non influisce sull'API web.

Si prevede che questa riscrittura migliori l'affidabilità e, in misura minore, il rendimento.

Per il momento, questa modifica si applica ai nuovi datastore. Questa modifica è il passaggio 2 di una release progressiva in più fasi. Per il passaggio 1, consulta la pagina delle funzionalità di ChromeStatus per i contesti in memoria di SQLite.

Contatori di frame MediaStreamTrackProcessor

Aggiunge gli attributi discardedFrames e totalFrames all'interfaccia MediaStreamTrackProcessor. Questi contatori consentono agli sviluppatori web di monitorare l'integrità delle pipeline di elaborazione dei contenuti multimediali monitorando il numero di frame ricevuti ed eliminati dal processore.

Origine opaca per gli URL data:

Chrome 150 aggiorna la modalità di gestione degli URL DedicatedWorker e SharedWorker da parte di data:. Anziché ereditare automaticamente l'origine di sicurezza dello script o della pagina che li ha creati, a questi worker viene assegnata un'origine opaca univoca.

Questa modifica è in linea con la specifica HTML dei worker e migliora la sicurezza isolando questi worker dallo stato della stessa origine del creatore, impedendo loro di accedere a dati sensibili tramite meccanismi come BroadcastChannel o l'archiviazione della stessa origine. Per mantenere i limiti di isolamento corretti, questi worker risiedono comunque nella stessa partizione di archiviazione (ad esempio, mantenendo il sito di primo livello o il nonce) del loro creatore.

Questa regolazione della sicurezza è attivata per impostazione predefinita su piattaforme desktop e mobile. Gli amministratori possono esaminare o verificare i limiti di sicurezza tramite le configurazioni centralizzate. Per i dettagli tecnici dell'implementazione e i riferimenti alle specifiche, consulta il passaggio 3 delle impostazioni dei worker HTML Living Standard.

Migrazione dell'origine PWA

Quando un utente installa un'app web progressiva (PWA), la sua identità e il suo contesto di sicurezza sono strettamente legati alla sua origine web, ad esempio app.example.com. Questo binding rappresenta una sfida significativa per gli sviluppatori che devono modificare l'origine della PWA a causa di rebranding, ristrutturazione del dominio o riarchitettura tecnica. Una modifica di questo tipo costringe gli utenti a disinstallare manualmente la vecchia app e a installare la nuova, con un'esperienza di interruzione e una potenziale perdita di utenti. Chrome 150 introduce un meccanismo che consente agli sviluppatori di migrare una PWA installata a una nuova origine dello stesso sito, preservando la fiducia e le autorizzazioni degli utenti.

Il WebAppInstallForceList blocca la migrazione. Poiché i criteri aziendali relativi alle applicazioni web si basano principalmente su URL e origini, esiste il rischio che una migrazione possa ignorare determinati criteri che un amministratore potrebbe aver configurato. Chrome non offre una migrazione all'utente quando un'app viene installata forzatamente dall'amministratore aziendale e mostra invece un banner che spiega questo all'utente.

Analizzare le istruzioni di elaborazione in HTML

Le istruzioni di elaborazione (sintassi: <?target data>) sono un costrutto DOM esistente, esposto in XML, che consente oggetti nodo che non sono elementi ma possono avere un significato semantico per l'elaborazione di un documento.

Ad esempio, puoi utilizzarli per indicare intervalli per lo streaming o l'evidenziazione senza richiedere nuovi elementi DOM e modificare la struttura DOM per quanto riguarda CSS o come direttive per il parser HTML su come memorizzare nel buffer ed eseguire lo streaming.

Streaming fuori sequenza

Lo streaming fuori sequenza consente di utilizzare <template for> e gli intervalli di istruzioni di elaborazione (<?start> e <?end>) per fornire HTML in ordine non sequenziale e aggiornare le parti esistenti del documento senza JavaScript.

Promesse di scorrimento programmatiche

Questa funzionalità fornisce un indicatore affidabile dello stato di completamento di uno scorrimento graduale programmatico. Tutti i metodi di scorrimento in Element e Window restituiscono oggetti Promise che vengono risolti al completamento dello scorrimento e il valore risolto indica se lo scorrimento è stato interrotto.

WebGPU Immediates

Aggiunge un nuovo spazio di indirizzi immediato in WGSL e un metodo setImmediateData() negli encoder di pass di rendering, pass di calcolo e bundle di rendering che consente di passare piccole quantità di dati aggiornati di frequente direttamente agli shader senza creare oggetti buffer GPU o gruppi di binding. Questa funzionalità è particolarmente utile per le applicazioni che devono aggiornare i parametri per disegno, come indici di oggetti, indici di materiali o matrici di trasformazione, ogni chiamata di disegno, consentendo miglioramenti significativi del rendimento evitando il sovraccarico di gestione di buffer e gruppi di binding.

API Web Speech: qualità del riconoscimento sul dispositivo

Estende l'interfaccia SpeechRecognition aggiungendo una proprietà quality a SpeechRecognitionOptions. Questa proprietà consente agli sviluppatori di specificare la funzionalità semantica richiesta per il riconoscimento sul dispositivo utilizzando processLocally: true.

L'enum quality proposto supporta tre livelli: command, dictation e conversation, che corrispondono a una maggiore complessità delle attività e requisiti hardware. Questa funzionalità consente agli sviluppatori di determinare se il dispositivo locale è in grado di gestire casi d'uso ad alto rischio (come la trascrizione delle riunioni) o se devono eseguire il fallback ai servizi cloud, risolvendo la natura opaca delle funzionalità del modello sul dispositivo.

Nuove prove dell'origine

In Chrome 150 puoi attivare le seguenti nuove prove dell'origine.

Protocollo di verifica dell'email (EVP)

Il protocollo di verifica dell'email (EVP) aiuta gli utenti a creare, accedere e recuperare gli account fornendo una prova crittografica della proprietà senza problemi anziché OTP via email manualmente.

Ritiri e rimozioni

Questa release di Chrome introduce i seguenti ritiri e rimozioni.

Rimuovere [LegacyNoInterfaceObject] da FontFaceSet IDL

In precedenza, l'IDL di FontFaceSet di Chromium utilizzava in modo errato [LegacyNoInterfaceObject], che nascondeva FontFaceSet come proprietà globale ed eliminava la proprietà del costruttore dal relativo prototipo. Questo comportamento si discostava dalla specifica CSS Font Loading ed era diverso dal comportamento di Safari e Firefox.

Questa rimozione rimuove [LegacyNoInterfaceObject] dall'IDL di FontFaceSet, rendendo FontFaceSet accessibile correttamente come proprietà globale. Poiché nell'IDL non è definito alcun constructor(), la chiamata di new FontFaceSet() da JavaScript genera correttamente TypeError: Illegal constructor, in linea con il comportamento previsto dalla specifica.