Nuovi tipi di colore e spazi colore CSS, funzioni trigonometriche CSS e API View Transiziones.
Se non diversamente indicato, le modifiche che seguono 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. Chrome 111 è in versione beta a partire dal 9 febbraio 2023. Puoi scaricare la versione più recente da Google.com per computer oppure dal Google Play Store per Android.
CSS
Nuovi tipi di colore e spazi CSS
Tutte le funzionalità descritte in Livello 4 di colore CSS ora sono attive. Sono inclusi quattro tipi di colore indipendenti dal dispositivo (lab, Oklab, lch e Oklch), la funzione color()
e gli spazi colore definiti dall'utente per gradienti e animazioni.
Leggi la guida ai colori per i CSS ad alta definizione per scoprire questi nuovi tipi di colori e spazi.
La funzione color-mix()
Anche l'incredibilmente utile funzione color-mix()
di CSS Color 5 è già disponibile. Questa funzione consente di mescolare una percentuale di un colore con un altro, in qualsiasi spazio colore supportato. Questo esempio seguente combina il 10% di blue
con white
in SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Selettori CSS 4 Pseudo-classe :nth-child(an + b of S)
Estende :nth-child(an + b)
e :nth-last-child()
in modo da utilizzare un selettore. Ad esempio, :nth-child(3 of .c)
è il terzo .c
di un determinato elemento principale. Per saperne di più, leggi l'articolo Maggiore controllo sulle selezioni di :nth-child()
con la sintassi of S
.
Unità carattere principale CSS
Aggiunge le unità di carattere principali: rex
, rch
, ric
e rlh
all'unità di carattere principale esistente rem
.
Funzioni trigonometriche CSS
Le funzioni trigonometriche sin()
, cos()
, tan()
, asin()
, acos()
, atan()
e atan2()
sono state aggiunte alle espressioni matematiche CSS.
Query del contenitore di stile per le proprietà personalizzate CSS
Aggiunge la funzione style()
alle regole @container
per consentire l'applicazione di 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 in 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 di autorizzazione window-management
In Chrome 111 viene aggiunto window-management
come alias per le stringhe dei criteri di autorizzazione e di autorizzazione window-placement
. Questa operazione fa parte di un'iniziativa più ampia per rinominare le stringhe, ritirando e rimuovendo window-placement
infine. La modifica terminologica migliora la longevità del descrittore man mano che l'API di gestione delle finestre si evolve nel tempo.
API Media Session: presentazione delle azioni delle slide
Aggiunge le azioni previousslide
e nextslide
all'API Media Session esistente.
Ridimensionabile ArrayBuffer
e Growable SharedArrayBuffer
Estendi i costruttori ArrayBuffer
a una lunghezza massima aggiuntiva che consenta la crescita e la contrazione dei buffer. Allo stesso modo, SharedArrayBuffer
è stato esteso a una lunghezza massima aggiuntiva che consente la crescita in loco.
Regole di speculazione: chiave del criterio referrer
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. In questo modo viene anche reintrodotto il requisito "norme sui referrer sufficientemente rigide".
DOM shadow dichiarativo dello streaming
In questo modo viene aggiunto il supporto per lo streaming, collegando la radice shadow del tag di apertura anziché del modello di chiusura.
Visualizza API Transizione
Consente la creazione di transizioni eleganti nelle applicazioni a pagina singola (APS) mediante l'acquisizione di snapshot delle visualizzazioni e consentendo la modifica del DOM senza sovrapposizioni tra gli stati. Usa Visualizza transizioni per creare transizioni personalizzate oppure usa un valore predefinito a dissolvenza incrociata semplice per migliorare l'esperienza utente.
Consulta l'articolo per gli sviluppatori di Chrome per ulteriori informazioni ed esempi di transizioni per iniziare.
Estensioni di codifica video scalabili WebRTC
Questa estensione definisce un metodo standard per scegliere tra possibili configurazioni di Scalable Video Coding (SVC) su una traccia video WebRTC in uscita.
Attributo enabledFeatures
WebXR
Restituisce l'insieme di funzionalità che sono state attivate per XRSession
come specificato da XRSessionInit
e dalle funzionalità implicite richieste dalla specifica per la modalità e le funzionalità specificate. Per una sessione concessa, conterrà tutti gli elementi requiredFeatures
, ma potrebbe essere un sottoinsieme di optionalFeatures
. La maggior parte delle funzionalità ha modi alternativi per rilevare se è stata concessa. Tuttavia, per alcune, l'indicatore che indica se una funzionalità è stata abilitata potrebbe essere strettamente legata ai dati di una funzionalità che non è al momento disponibile, anziché a quelli che non sono mai disponibili. Se esegui una query su enabledFeatures
, puoi determinare se è necessario mostrare 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 delle origini.
Prova del ritiro per la rimozione dell'esclusione CSP di connect-src
nell'API Web Payment
Ritira la possibilità dell'API Web Payment di ignorare il criterio CSP connect-src durante il recupero del manifest. Dopo questo ritiro, il criterio Connect-src CSP di un sito dovrà consentire l'URL del metodo di pagamento specificato in una chiamata PaymentRequest, nonché qualsiasi altro URL associato al metodo per recuperare il relativo manifest.
Questa funzionalità di esclusione viene rimossa in Chrome 111 con una prova dell'origine inversa da 111 a 113 per gli sviluppatori che devono riattivare temporaneamente il bypass. Per attivare questa funzionalità, registrati alla prova di ritiro inversa per l'esclusione di connect-src
CSP.
Picture in picture del documento
L'API Document Picture-in-Picture è una nuova API che consente di aprire una finestra sempre in primo piano 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. Ciò consente agli sviluppatori web di fornire agli utenti un'esperienza PIP migliore.
Leggi la documentazione per la funzionalità Picture in picture del documento.
Registrati alla prova dell'origine Picture in picture di un documento.
Rimozioni e ritiri
Questa versione di Chrome introduce i ritiri e le rimozioni elencate di seguito. Visita il sito ChromeStatus.com per consultare gli elenchi di ritiri pianificati, ritiri in corso e rimozioni precedenti.
In questa release di Chrome vengono rimosse tre funzionalità.
Rimuovi strumenti di pagamento
PaymentToolss è l'API web che supporta l'installazione di app di pagamento non JIT (visita la pagina https://w3c.github.io/payment-handler/). È stato progettato partendo dal presupposto che il browser memorizzerà i dettagli effettivi dello strumento di pagamento, il che non si è rivelato vero e presenta alcune fughe di privacy. Inoltre, non è stato spedito su altri browser e non abbiamo notato 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
Ritirare la possibilità per l'API Web Payment di ignorare le norme CSP connect-src
durante il recupero del manifest. Dopo questa rimozione, le norme relative ai CSP connect-src
di un sito dovranno consentire l'URL del metodo di pagamento specificato in una chiamata PaymentRequest ed eventuali altri URL che il metodo concatena a recuperare il relativo manifest.
Consulta le informazioni riportate nella sezione delle prove dell'origine per sapere come attivare una prova di ritiro e concedere più tempo per apportare le modifiche necessarie a seguito di questa rimozione.
Identità del commerciante nell'evento canmakepayment
L'evento del service worker canmakepayment
consente al commerciante di sapere se l'utente ha registrato una carta in un'app di pagamento installata. Utilizzava per trasmettere in silenzio l'origine e i dati arbitrari del commerciante a un service worker dall'origine dell'app di pagamento. Questa comunicazione multiorigine si è verificata durante la creazione di PaymentRequest in JavaScript, non ha richiesto un gesto dell'utente e non ha visualizzato alcuna interfaccia utente. Questo passaggio di dati silenziosi è stato rimosso dall'evento canmakepayment
e dall'intent IS_READY_TO_PAY
per Android).