Novità sulla piattaforma web a maggio

Scopri alcune delle funzionalità interessanti introdotte nei browser web stabili e beta a maggio 2022.

Rachel Andrew

Release stabili del browser

A maggio sono diventate stabili le versioni Chrome 102, Safari 15.5, Firefox 100 e Firefox 101.

Chrome 102 e Safari 15.5 includono l'attributo inert. In questo modo, gli elementi vengono rimossi dall'ordine di tabulazione e dall'albero di accessibilità se non sono interattivi. Ad esempio, un elemento attualmente fuori dallo schermo o nascosto.

Browser Support

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

Source

Chrome 102 include il nuovo valore until-found per l'attributo HTML hidden. In questo modo, è possibile trovare il testo nella pagina e scorrere fino al frammento di testo all'interno di un'area compressa della pagina, come in un pattern 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. Questa API era precedentemente denominata API Cronologia app.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

Firefox 101 supporta i fogli di stile 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. Nell'esempio seguente, viene creato un foglio di 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);

Browser Support

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

Source

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

Browser Support

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

Source

Versioni beta del browser

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno disponibili nella prossima versione stabile del browser. È il momento ideale per testare nuove funzionalità o rimozioni che potrebbero influire sul tuo sito prima che vengano rilasciate a livello mondiale.

Le nuove versioni beta di aprile sono Chrome 103 e Firefox 102.

Firefox 102 include la funzionalità dei contenuti multimediali 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 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 visualizzare un'animazione fluida. Ad esempio, gli schermi E-ink.
fast
I contenuti possono cambiare dinamicamente e abbastanza rapidamente da eseguire il rendering delle animazioni. Ad esempio, lo schermo di un computer o di uno smartphone.

Browser Support

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

Source

Chrome 103 include l'API Local Font Access, che consente l'accesso ai caratteri installati localmente dall'utente.

Queste funzionalità beta saranno presto disponibili nei browser stabili.

Modifica: una versione precedente di questo post includeva un riferimento al metodo Element.isVisible(), che non verrà implementato in questa release.

Parte della serie Novità del web