Novità sulla piattaforma web a maggio

Scopri alcune delle funzionalità interessanti introdotte nei browser web stabili e beta durante il mese di maggio 2022.

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.

Supporto dei browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Origine

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.

Supporto dei browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: non supportato.
  • Safari: non supportato.

Origine

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.

Supporto dei browser

  • Chrome: 102.
  • Edge: 102.
  • Firefox: non supportato.
  • Safari: non supportato.

Origine

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);

Supporto dei browser

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Origine

In Firefox 101 è presente anche la funzionalità multimediale prefers-contrast, che la rende disponibile su più browser.

Supporto dei browser

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Origine

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.

Supporto dei browser

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Origine

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