Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a maggio 2022.
Release del browser stabile
A maggio, Chrome 102, Safari 15.5, Firefox 100 e Firefox 101 sono diventati stabili.
Chrome 102 e Safari 15.5 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.
In Chrome 102 viene fornita l'API Navigation, un'API che standardizza il routing lato client nelle applicazioni a pagina singola. Questa API era precedentemente chiamata API App History.
Firefox 101 supporta i fogli di stile costruibili. Il supporto include il costruttore CSSStyleSheet(), i metodi replace() e replaceSync(). I fogli di stile costruibili semplificano la creazione di fogli di stile da utilizzare con il DOM Shadow. Nel seguente esempio, un foglio di stile viene creato utilizzando il costruttore CSSStyleSheet(), viene aggiunta una regola CSS con il metodo replaceSync() e la regola risultante viene stampata nella console.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
Sempre in Firefox 101 è disponibile la funzionalità per i contenuti multimediali di prefers-contrast, che la rende disponibile su più browser.
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 103 e Firefox 102.
Firefox 102 include la funzionalità per i contenuti multimediali di update. Viene utilizzato per chiedere se il dispositivo di output può modificare l'aspetto dei contenuti dopo il rendering. Accetta i seguenti valori:
none- Una volta eseguito il rendering, i contenuti non possono essere aggiornati. ad esempio un documento stampato.
slow- Il dispositivo può aggiornare i contenuti, ma troppo lentamente per mostrare un'animazione fluida. come nel caso degli schermi E-ink.
fast- I contenuti possono cambiare in modo dinamico e abbastanza velocemente per consentire il rendering delle animazioni. Ad esempio, lo schermo di un computer o di un telefono.
Chrome 103 include 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.
Modifica: una versione precedente di questo post includeva la menzione del metodo Element.isVisible(), che non è disponibile in questa release.
Parte della Nuova serie web