Scopri alcune delle funzionalità interessanti introdotte nei browser web stabili e beta durante il mese di maggio 2022.
Release stabili del browser
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, gli elementi non interattivi vengono rimossi dall'ordine di tabulazione e dall'albero di accessibilità. Ad esempio, un elemento attualmente fuori dallo 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 l'API Navigation, un'API che standardizza il routing lato client nelle applicazioni a pagina singola. In precedenza questa API si chiamava API Cronologia app.
Firefox 101 supporta i stylesheet costruibili. Il supporto include il costruttore CSSStyleSheet()
e i metodi replace()
e replaceSync()
. I fogli di stile costruibili semplificano la creazione di fogli di stile da utilizzare con lo shadow DOM. Nel seguente esempio, viene creato uno stile 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);
In Firefox 101 è presente anche la funzionalità multimediale prefers-contrast
, che la rende disponibile su più browser.
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'ottima occasione per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che la release venga resa disponibile a livello globale.
Le nuove versioni beta di aprile sono state Chrome 103 e Firefox 102.
Firefox 102 include la funzionalità multimediale update
. Viene utilizzato per verificare se il dispositivo di output può modificare l'aspetto dei contenuti dopo il rendering. Accetta i seguenti valori:
none
- Una volta visualizzati, i contenuti non possono essere aggiornati. Ad esempio, un documento stampato.
slow
- Il dispositivo può aggiornare i contenuti, ma troppo lentamente per visualizzare un'animazione fluida. Ad esempio, schermi E-ink.
fast
- I contenuti possono cambiare in modo dinamico e abbastanza rapidamente da consentire il rendering delle animazioni. Ad esempio, lo schermo di un computer o di uno smartphone.
Chrome 103 include l'API Local Fonts Access, che consente di accedere ai caratteri installati localmente dall'utente.
Queste funzionalità beta saranno presto disponibili nei browser stabili.
Modifica: una versione precedente di questo post includeva una menzione del metodo Element.isVisible()
, che non è incluso in questa release.
Componente della serie Novità sul web