Data di pubblicazione: 28 luglio 2026
Chrome 151 è in fase di implementazione e questo post condivide alcune delle funzionalità chiave della release. Leggi le note di rilascio complete di Chrome 151.
Punti salienti di questa release:
- L'elemento di funzionalità
<usermedia>fornisce un controllo dichiarativo attivato dall'utente per gli stream della fotocamera e del microfono. - L'assegnazione di slot DOM shadow dichiarativa consente ai componenti web di utilizzare l'assegnazione di slot manuale senza JavaScript imperativo.
- Le metriche relative alle prestazioni di navigazione soft e interazione monitorano la latenza e le modifiche di percorso basate sull'interazione nelle applicazioni a pagina singola.
Elemento di funzionalità: <usermedia> MVP
L'elemento <usermedia> è l'ultimo a essere lanciato nella suite di elementi di funzionalità, dopo <geolocation>. Questa transizione dalla proposta originale <permission> , parte dell'iniziativa PEPC, consente al browser di gestire in modo più efficace le complessità e i comportamenti unici delle diverse funzionalità hardware. Mentre la proposta iniziale si concentrava principalmente sulla gestione degli stati delle autorizzazioni, come consentire o negare, gli elementi di funzionalità fungono da mediatori di dati.
L'elemento <geolocation> fornisce un oggetto di posizione al tuo sito, mentre <usermedia> gestisce l'intero flusso per l'accesso alla fotocamera e al microfono. Acquisisce l'user intent, gestisce il prompt del browser e fornisce l'oggetto MediaStream all'applicazione. Questo cambiamento elimina la necessità di chiamate getUserMedia() separate, semplifica l'implementazione e garantisce che il browser abbia un segnale attendibile dell'intento dell'utente.
Scopri di più in Presentazione dell'elemento HTML <usermedia>.
DOM shadow dichiarativo: attributo shadowrootslotassignment
Chrome 151 aggiunge il supporto per l'attributo shadowrootslotassignment sugli elementi <template>. In questo modo puoi creare radici shadow dichiarative che utilizzano l'assegnazione di slot manuale direttamente in HTML.
Finora, l'assegnazione di slot manuale era disponibile solo in modo imperativo. Con questo aggiornamento, puoi specificare shadowrootslotassignment="manual" nel modello di radice shadow
L'attributo accetta named (il comportamento predefinito) e manual ed è rappresentato dalla proprietà shadowRootSlotAssignment su HTMLTemplateElement. Per maggiori dettagli, consulta la documentazione di HTMLTemplateElement.shadowRootSlotAssignment su MDN.
Questo attributo è già disponibile in Firefox e nella versione beta di Safari 27, quindi sarà presto disponibile in Baseline Newly.
Metriche relative alle prestazioni di navigazione soft e interazione
Chrome 151 espande la sequenza temporale delle prestazioni web introducendo due nuovi tipi di PerformanceEntry: soft-navigation e interaction-contentful-paint. Queste voci aiutano gli sviluppatori a monitorare le prestazioni e la latenza basate sull'interazione nelle applicazioni a pagina singola (SPA), basandosi su metriche Core Web Vitals consolidate come Largest Contentful Paint (LCP) e Interaction to Next Paint (INP).
In una SPA, le transizioni di percorso basate su JavaScript non attivano un caricamento pagina del browser tradizionale. La voce soft-navigation acquisisce queste modifiche dello stato della cronologia dello stesso documento avviate dalle interazioni dell'utente. Quando si verifica una navigazione soft, il browser stabilisce una nuova origine temporale, consentendoti di attribuire con precisione i dati sul rendimento successivi al percorso SPA attivo anziché all'URL del documento iniziale.
La voce interaction-contentful-paint misura le nuove visualizzazioni di contenuti nelle regioni DOM modificate da un'interazione dell'utente. In questo modo è possibile visualizzare la latenza di caricamento dell'interazione, anche quando gli aggiornamenti dei contenuti dipendono da operazioni asincrone come le richieste fetch().
Puoi osservare queste nuove voci nella tua applicazione utilizzando un PerformanceObserver. Il seguente snippet di codice registra le voci di navigazione soft nella console, incluse le navigazioni soft precedenti su questa pagina utilizzando l'opzione buffered:
const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });
Per saperne di più sull'implementazione e la misurazione delle navigazioni SPA, leggi la documentazione relativa alle navigazioni soft su Chrome for Developers.
Per approfondire
Questo articolo tratta solo alcuni punti salienti. Consulta i seguenti link per ulteriori modifiche in Chrome 151:
- Note di rilascio di Chrome 151.
- Aggiornamenti di ChromeStatus.com per Chrome 151.
- Calendario delle release di Chrome.
Iscriviti
Per rimanere aggiornato, iscriviti al canale YouTube di Chrome Developers e riceverai una notifica via email ogni volta che pubblichiamo un nuovo video. In alternativa, seguici su X o LinkedIn per leggere nuovi articoli e post del blog.
Non appena verrà rilasciato Chrome 152, saremo qui per informarti sulle novità di Chrome.