Nuovi tipi di colore CSS e spazi colore, funzioni trigonometriche CSS e API View Transiziones.
Se non diversamente indicato, 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 nell'elenco su ChromeStatus.com. Chrome 111 è in versione beta a partire dal 9 febbraio 2023. Puoi scaricare la versione più recente su Google.com per computer o dal Google Play Store su Android.
CSS
Nuovi tipi di colore e spazi CSS
Tutte le funzionalità descritte in Livello di colore CSS 4 sono ora abilitate. Sono inclusi quattro tipi di colore indipendenti dal dispositivo (lab, Oklab, lch e Oklch), la funzione color() e spazi colore definiti dall'utente per sfumature e animazioni.
Leggi la guida ai colori CSS ad alta definizione per scoprire di più su questi nuovi tipi di colore e spazi.
La funzione color-mix()
Anche la funzione color-mix() incredibilmente utile di CSS Color 5 è la spedizione. Questa funzione consente di combinare una percentuale di un colore con un altro, in qualsiasi spazio colore supportato. Questo esempio di seguito combina il 10% di blue in white in SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Selettori CSS 4 pseudo-classe :nth-child(an + b di S)
Estendi :nth-child(an + b) e :nth-last-child() per prendere un selettore. Ad esempio, :nth-child(3 of .c) è il terzo .c di un determinato elemento padre. Per saperne di più, leggi il post Ulteriori informazioni sulle selezioni di :nth-child() con la sintassi of S.
Unità caratteri principali CSS
Aggiunge unità di caratteri principali: rex, rch, ric e rlh all'unità di caratteri principale esistente di rem.
Funzioni trigonometriche CSS
Le funzioni trigonometriche sin(), cos(), tan(), asin(), acos(), atan(), atan2() sono state aggiunte alle espressioni matematiche CSS.
Query contenitore di stile per le proprietà personalizzate CSS
Aggiunge la funzione style() alle regole @container per consentire di applicare stili in base ai valori calcolati delle proprietà personalizzate di un elemento predecessore.
La proprietà baseline-source
La proprietà baseline-source consente agli sviluppatori web di specificare se una casella a livello di linea deve utilizzare la base di riferimento first o last per l'allineamento all'interno di una linebox.
API web
La stringa del criterio di autorizzazione e autorizzazione window-management
Chrome 111 aggiunge window-management come alias per le stringhe relative alle autorizzazioni window-placement e ai criteri di autorizzazione. Questa operazione fa parte di uno sforzo più ampio di rinominare le stringhe, ritirando e rimuovendo infine window-placement. La modifica della terminologia migliora la longevità del descrittore man mano che l'API Window Management si evolve nel tempo.
API Media Session: presentazione delle azioni delle slide
Aggiunge azioni previousslide e nextslide all'API Media Session esistente.
ArrayBuffer ridimensionabili e SharedArrayBuffer coltivabili
Estendi i costruttori ArrayBuffer per ottenere una lunghezza massima aggiuntiva che consenta la crescita in loco e la riduzione dei buffer. Allo stesso modo, SharedArrayBuffer è stato esteso per una lunghezza massima aggiuntiva che consente la crescita in loco.
Regole di speculazione: chiave del criterio referrer
Ciò estende la sintassi delle regole di speculazione per consentire agli sviluppatori di specificare il criterio referrer da utilizzare con le richieste speculative attivate da regole di speculazione. Vengono anche reintrodotte le "norme relative ai referrer sufficientemente rigide" requisito.
DOM shadow dichiarativo flusso
Questo aggiunge il supporto per il flusso di dati, collegando la radice shadow nel tag di apertura, anziché nel tag di chiusura del modello.
Visualizza API Transizione
Consente la creazione di transizioni eleganti nelle applicazioni a pagina singola (APS) mediante la creazione di snapshot delle viste e la possibilità di modificare il DOM senza sovrapposizioni tra stati. Utilizza Visualizza transizioni per creare transizioni personalizzate o usa un semplice valore predefinito di dissolvenza incrociata per migliorare l'esperienza utente.
Consulta l'articolo per gli sviluppatori di Chrome per ulteriori informazioni e esempi di transizioni per aiutarti a iniziare.
Estensioni di codifica video scalabile WebRTC
Questa estensione definisce un metodo standard per scegliere tra possibili configurazioni SVC (scalable Video Coding) su una traccia video WebRTC in uscita.
Attributo enabledFeatures di WebXR
Restituisce l'insieme di caratteristiche che sono state abilitate per questo XRSession come specificato da XRSessionInit e le caratteristiche implicite richieste dalla specifica per la modalità e le caratteristiche specificate. Per una sessione concessa, conterrà tutti i valori requiredFeatures, ma potrebbe essere un sottoinsieme di optionalFeatures. La maggior parte delle funzionalità offre metodi alternativi per rilevare se è stata concessa. Tuttavia, per alcune funzionalità l'indicatore che indica se una funzionalità è stata abilitata o meno potrebbe essere strettamente collegato ai dati relativi a una funzionalità che non è attualmente disponibile, anziché a quelli che non lo sono mai. Se esegui una query su enabledFeatures, puoi determinare se devono essere mostrati suggerimenti utili (ad esempio, per migliorare o avviare il monitoraggio) o se una funzionalità non sarà mai supportata nella sessione corrente.
Prove dell'origine in corso
In Chrome 111 puoi attivare le seguenti nuove prove dell'origine.
Prova di ritiro per la rimozione del bypass CSP connect-src nell'API Web Payment
Interrompi la possibilità per l'API Web Payment di bypassare il criterio CSP connect-src durante il recupero del manifest. Dopo questo ritiro, le norme CSP connect-src di un sito dovranno consentire l'URL del metodo di pagamento specificato in una chiamata PaymentRequest, nonché eventuali altri URL concatenati dal metodo per recuperare il relativo manifest.
Questa funzionalità di bypass viene rimossa in Chrome 111 con una prova dell'origine inversa dalla 111 alla 113 per gli sviluppatori che devono riattivare temporaneamente l'esclusione. Per attivare questa funzionalità, registrati alla prova inversa del ritiro per l'esclusione di connect-src CSP.
Picture in picture del documento
L'API Document Picture in picture è una nuova API per aprire una finestra sempre attiva che può essere compilata con contenuti HTML arbitrari. Si tratta di un'espansione dell'API Picture in picture esistente che consente solo l'inserimento di un elemento HTMLVideoElement in una finestra PIP. In questo modo gli sviluppatori web possono offrire una migliore esperienza PIP agli utenti.
Leggi la documentazione relativa alla funzionalità Picture in picture dei documenti.
Registrati alla prova dell'origine di Document Picture in picture.
Rimozioni e rimozioni
Questa versione di Chrome introduce i ritiri e le rimozioni elencati di seguito. Visita il sito ChromeStatus.com per consultare gli elenchi di ritiri pianificati, ritiri attuali e rimozioni precedenti.
In questa versione di Chrome sono state rimosse tre funzionalità.
Rimuovi strumenti di pagamento
PaymentInstruments è l'API web che supporta l'installazione di app di pagamento non JIT (vedi https://w3c.github.io/payment-handler/). È stato progettato partendo dal presupposto che il browser memorizzerà i dettagli effettivi dello strumento di pagamento, ma questa situazione non si è rivelata vera e presenta alcune fughe di privacy. Inoltre, non è stato spedito su altri browser, non abbiamo riscontrato alcun interesse da parte di altri fornitori di browser. Pertanto, questa API è stata ritirata e rimossa.
Rimuovi l'esclusione CSP di connect-src nell'API Web Payment
Ritiro della possibilità per l'API Web Payment di bypassare il criterio CSP connect-src durante il recupero del manifest. Dopo questa rimozione, le norme relative al CSP connect-src di un sito dovranno consentire l'URL del metodo di pagamento specificato in una chiamata PaymentRequest, nonché eventuali altri URL concatenati dal metodo per recuperare il file manifest.
Consulta le informazioni relative alle prove dell'origine per un metodo di attivazione di una prova relativa al ritiro che ti darà più tempo per apportare le modifiche necessarie a seguito di questa rimozione.
Identità del commerciante nell'evento canmakepayment
L'evento del service worker di canmakepayment consente al commerciante di sapere se l'utente ha una carta registrata in un'app di pagamento installata. In passato, passava automaticamente a un service worker l'origine e i dati arbitrari del commerciante dall'origine dell'app di pagamento. Questa comunicazione multiorigine è avvenuta durante la creazione di PaymentRequest in JavaScript, non ha richiesto un gesto dell'utente e non mostrava alcuna interfaccia utente. Questo passaggio silenzioso dei dati è stato rimosso dall'evento canmakepayment e dall'intent IS_READY_TO_PAY di Android).