Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta ad aprile 2022.
Release del browser stabile
Ad aprile, Chrome 101 e Firefox 99 sono diventati stabili. Dopo il lancio di queste funzionalità il mese scorso, è stato un po' più tranquillo ad aprile, ma ci sono arrivate alcune cose interessanti.
Chrome 101 include la notazione dei colori hwb. Specifica il colore in base alla tonalità, al bianco e al nero. Come per altra notazione del colore, un componente alfa facoltativo specifica l'opacità.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Per saperne di più su hwb(), leggi questo articolo di Stefan Judis: hwb(), a color notation for humans?.
Sempre in Chrome 101 c'è la funzionalità Priorità di recupero. Questo ti offre un modo per suggerire al browser in quale ordine devono essere scaricate le risorse, utilizzando l'attributo fetchpriority. Nell'esempio che segue, un'immagine a bassa priorità è indicata con fetchpriority="low".
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
La priorità di recupero non è ancora disponibile in altri browser, ma puoi iniziare subito a usarli a vantaggio di chiunque disponga di un browser basato su Chromium 101.
Firefox 99 include la proprietà pdfViewerEnabled dell'interfaccia di Navigatore. Questa proprietà indica se il browser supporta la visualizzazione in linea dei file PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Release del browser beta
Le versioni beta del browser offrono un'anteprima degli elementi che saranno disponibili nella versione stabile successiva del browser. È un ottimo momento per testare le nuove funzionalità, o le rimozioni, che potrebbero avere un impatto sul tuo sito prima dell'uscita ufficiale.
Le nuove versioni beta di aprile sono state Chrome 102, Firefox 100 e Safari 15.5.
Le versioni in anteprima di Chrome 102, Safari 15.5 e Firefox includono l'attributo inert. In questo modo verranno rimossi gli elementi dall'ordine delle schede e dall'albero dell'accessibilità se non sono interattivi. Ad esempio, un elemento che è attualmente fuori schermo o nascosto.
Chrome 102 include il nuovo valore until-found per l'attributo HTML hidden. Questo consente la funzione Trova nella pagina e consente di scorrere fino a un frammento di testo nel testo che si trova all'interno di un'area compressa della pagina, come potresti trovare in un pattern a accordion. Scopri di più nel post Rendere accessibili i contenuti compressi con nascosti=until-found.
Chrome 102 include anche l'API Local Font Access, che consente l'accesso ai caratteri installati localmente dell'utente.
Queste funzionalità beta saranno disponibili a breve in browser stabili.
Parte della Nuova serie web