Nuovi tipi e spazi di colore CSS, funzioni trigonometriche CSS e API View Transitions.
Salvo diversa indicazione, le seguenti modifiche si applicano alla versione 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 dal 9 febbraio 2023. Puoi scaricare la versione più recente su Google.com per computer o sul Google Play Store su Android.
CSS
Nuovi tipi di colori e spazi CSS
Ora sono attivate tutte le funzionalità descritte nel livello di colore CSS 4. Sono inclusi quattro tipi di colori indipendenti dal dispositivo (lab, Oklab, lch e Oklch), la funzione color() e gli spazi di colore definiti dall'utente per gradienti e animazioni.
Leggi la guida ai colori CSS ad alta definizione per scoprire di più su questi nuovi tipi e spazi di colore.
La funzione color-mix()
È disponibile anche la funzione incredibilmente utile color-mix() di CSS Color 5. Questa funzione consente di mescolare una percentuale di un colore con un altro, in qualsiasi spazio di colore supportato. L'esempio seguente mescola il 10% di blue in white in SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Selettori CSS 4 Pseudo-Class :nth-child(an + b of S)
Estende :nth-child(an + b) e :nth-last-child() per accettare un selettore. Ad esempio, :nth-child(3 of .c) è il terzo .c in un determinato elemento principale. Per saperne di più, leggi il post Più controllo sulle selezioni :nth-child() con la sintassi of S.
Unità di caratteri principali CSS
Aggiunge le unità di carattere principale rex, rch, ric e rlh all'unità di carattere principale esistente rem.
Funzioni trigonometriche CSS
Le funzioni trigonometriche sin(), cos(), tan(), asin(), acos(), atan(), atan2() sono state aggiunte alle espressioni matematiche CSS.
Query del contenitore di stile per le proprietà CSS personalizzate
Aggiunge la funzione style() alle regole @container per consentire di applicare gli stili in base ai valori calcolati delle proprietà personalizzate di un elemento principale.
La proprietà baseline-source
La proprietà baseline-source consente agli sviluppatori web di specificare se una casella a livello di riga deve utilizzare la linea di base first o last per l'allineamento all'interno di una casella di riga.
API web
La stringa dell'autorizzazione e del criterio di autorizzazione window-management
Chrome 111 aggiunge window-management come alias per le stringhe di autorizzazione e criteri di autorizzazione window-placement. Questo programma va inquadrato nell'ambito di un progetto più ampio volto a rinominare le stringhe tramite il ritiro e la rimozione di 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: azioni di presentazione delle diapositive
Aggiunge le azioni previousslide e nextslide all'API Media Session esistente.
ArrayBufferRidimensionabili e espandibiliSharedArrayBuffer
Estendi i costruttori ArrayBuffer in modo che accettino una lunghezza massima aggiuntiva che consenta l'aumento e la riduzione in situ dei buffer. Allo stesso modo, SharedArrayBuffer viene esteso per consentire una lunghezza massima aggiuntiva che consenta la crescita in situ.
Regole di speculazione: chiave del criterio referrer
In questo modo, la sintassi delle regole di speculazione viene estesa per consentire agli sviluppatori di specificare il criterio del referrer da utilizzare con le richieste speculative attivate dalle regole di speculazione. Viene inoltre reintrodotto il requisito "Norme relative ai referrer sufficientemente rigorose".
Streaming del DOM shadow dichiarativo
In questo modo viene aggiunto il supporto per lo streaming, collegando l'elemento radice ombra al tag del modello di apertura anziché a quello di chiusura.
API View Transitions
Consente di creare transizioni raffinate nelle applicazioni a pagina singola (APS) acquisendo istantanee delle visualizzazioni e consentendo al DOM di cambiare senza sovrapposizioni tra gli stati. Utilizza le transizioni di visualizzazione per creare transizioni personalizzate o un semplice effetto dissolvenza incrociata predefinito per migliorare l'esperienza utente.
Consulta l'articolo per gli sviluppatori di Chrome per ulteriori informazioni ed esempi di transizioni che ti aiuteranno a iniziare.
Estensioni di codifica video scalabile WebRTC
Questa estensione definisce un metodo standard per scegliere tra le possibili configurazioni di codifica video scalabile (SVC) su una traccia video WebRTC in uscita.
Attributo enabledFeatures WebXR
Restituisce l'insieme di funzionalità abilitate per questo XRSession come specificato da XRSessionInit e le funzionalità implicite richieste dalle specifiche per la modalità e le funzionalità specificate. Per una sessione concessa, conterrà tutti i requiredFeatures, ma potrebbe essere un sottoinsieme di optionalFeatures. La maggior parte delle funzionalità ha modi alternativi per rilevare se sono state concesse. Tuttavia, per alcune funzionalità l'indicatore dell'attivazione o meno può essere strettamente correlato ai dati relativi a una funzionalità che non è disponibile al momento, anziché ai dati che non sono mai disponibili. Eseguendo una query su enabledFeatures, puoi determinare se devono essere visualizzati suggerimenti utili (ad esempio per migliorare o avviare il monitoraggio) o se una funzionalità non verrà 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 del CSP 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 il ritiro, il criterio CSP connect-src di un sito dovrà consentire l'URL del metodo di pagamento specificato in una chiamata PaymentRequest, nonché tutti gli altri URL concatenati dal metodo per recuperare il manifest.
Questa possibilità di bypass viene rimossa in Chrome 111 con una prova di origine inversa dalla 111 alla 113 per gli sviluppatori che devono riattivare temporaneamente il bypass. Per attivare questa funzionalità, registrati alla prova di ritiro inverso per il connect-srcbypass del CSP.
Documentare Picture in picture
L'API Document Picture-in-Picture è una nuova API per 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 di inserire in una finestra PIP solo un elemento HTMLVideoElement. In questo modo, gli sviluppatori web possono offrire agli utenti un'esperienza PiP migliore.
Leggi la documentazione relativa a Documento in modalità Picture in Picture.
Registrati alla prova dell'origine Picture in picture dei documenti.
Ritiro e rimozione
Questa versione di Chrome introduce i ritiri e le rimozioni elencati di seguito. Visita ChromeStatus.com per gli elenchi delle ritirate pianificate, delle ritirate in corso e delle rimozioni precedenti.
Questa release di Chrome rimuove tre funzionalità.
Rimuovi PaymentInstruments
PaymentInstruments è l'API web che supporta l'installazione non JIT delle app di pagamento (vedi https://w3c.github.io/payment-handler/). È stato progettato presupponendo che il browser memorizzi i dettagli effettivi dello strumento di pagamento, il che non è vero, e presenta alcune fughe di dati sulla privacy. Inoltre, non è stato distribuito su nessun altro browser e non abbiamo riscontrato alcun interesse da parte di altri fornitori di browser. Pertanto, questa API è stata ritirata e rimossa.
Rimuovere il bypass del CSP connect-src nell'API Web Payment
È stata ritirata la possibilità per l'API Web Payment di bypassare il criterio CSP connect-src durante il recupero del manifest. Dopo questa rimozione, il criterio CSP connect-src di un sito dovrà consentire l'URL del metodo di pagamento specificato in una chiamata PaymentRequest, nonché tutti gli altri URL concatenati dal metodo per recuperare il manifest.
Consulta le informazioni nelle prove dell'origine per un metodo di attivazione di una prova di ritiro che ti consenta di avere 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 una carta registrata in un'app di pagamento installata. In precedenza, trasmetteva in silenzio l'origine del commerciante e dati arbitrari a un service worker dall'origine dell'app di pagamento. Questa comunicazione cross-origin si è verificata durante la costruzione di PaymentRequest in JavaScript, non ha richiesto un gesto dell'utente e non ha mostrato alcuna interfaccia utente. Questo passaggio di dati silenzioso è stato rimosso dall'evento canmakepayment e dall'intent IS_READY_TO_PAY di Android).