Scopri alcune delle funzionalità interessanti introdotte nei browser web stabili e beta durante il mese di aprile 2022.
Release del browser stabili
Ad aprile, Chrome 101 e Firefox 99 sono diventati stabili. Dopo il ritaglio iniziale di elementi, il mese scorso, la situazione è stata un po' più tranquilla ad aprile, ma abbiamo trovato alcune cose interessanti da utilizzare.
Chrome 101 include la notazione dei colori hwb. Specifica il colore in base alla tonalità, alla bianchezza e al nero. Come per altre notazioni di colore, un componente alpha facoltativo specifica l'opacità.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Per scoprire di più su hwb()
, leggi questo articolo di Stefan Judis: hwb() – a color notation for humans?.
In Chrome 101 è presente anche la funzionalità Priorità recupero. In questo modo, puoi suggerire al browser l'ordine in cui devono essere scaricate le risorse utilizzando l'attributo fetchpriority
. Nell'esempio seguente, un'immagine con priorità bassa è 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 a utilizzarla subito per offrire vantaggi a chiunque abbia un browser basato su Chromium 101.
Firefox 99 include la proprietà pdfViewerEnabled
dell'interfaccia di navigazione. 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 beta del browser
Le versioni beta del browser ti offrono un'anteprima delle funzionalità che saranno disponibili nella prossima versione stabile del browser. È un ottimo momento per testare nuove funzionalità, o rimozioni, che potrebbero avere un impatto sul tuo sito prima che il mondo venga rilasciato.
Le nuove beta di aprile sono state Chrome 102, Firefox 100 e Safari 15.5.
Le versioni di anteprima di Chrome 102, Safari 15.5 e Firefox includono l'attributo inert
. In questo modo, gli elementi non interattivi vengono rimossi dall'ordine di tabulazione e dall'albero di accessibilità. ad esempio un elemento attualmente fuori schermo o nascosto.
Chrome 102 include il nuovo valore until-found
per l'attributo HTML hidden
. In questo modo, puoi trovare il testo all'interno di una pagina e scorrere fino al frammento di testo all'interno di un'area compressa della pagina, come in un modello a fisarmonica. Scopri di più nel post Rendere accessibili i contenuti compressi con hidden=until-found.
Chrome 102 include anche l'API Local Fonts Access, che consente di accedere ai caratteri installati localmente dall'utente.
Queste funzionalità beta saranno presto disponibili nei browser stabili.
Parte della serie Novità per il web