Novità sulla piattaforma web a ottobre

Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a ottobre 2023.

Release del browser stabili

A ottobre 2023, Firefox 119, Safari 17.1, Chrome 118 e Chrome 119 sono diventati stabili. Questo post spiega cosa significa questo per la piattaforma web.

Funzioni JavaScript in Firefox 119

In Firefox 119, è disponibile il raggruppamento di array JavaScript con i metodi statici Object.groupBy e Map.groupBy.

Supporto dei browser

  • 117
  • 117
  • 119
  • 17,4

Origine

Anche in Firefox 119 sono disponibili i metodi isWellFormed() e toWellFormed() di String. Questi valori possono essere utilizzati per verificare se una stringa contiene Unicode nel formato corretto e per sanificare una stringa in un formato Unicode corretto. Questi metodi sono ora interoperabili tra i tre motori principali.

Supporto dei browser

  • 111
  • 111
  • 119
  • 16.4

Origine

L'elemento HTML <search> ora è interoperabile

Chrome 118 include l'elemento <search>, un nuovo elemento HTML che rappresenta le parti del documento o dell'applicazione utilizzate per la ricerca o l'applicazione di filtri. Questa funzionalità è ora interoperabile tra i tre motori principali.

Supporto dei browser

  • 118
  • 118
  • 118
  • 17

Origine

Regole orizzontali all'interno di elementi selezionati

Due versioni di Chrome sono disponibili a ottobre. La versione 119 di Chrome è una piccola aggiunta agli elementi <select> HTML. Ora puoi aggiungere una regola orizzontale tra le opzioni che viene visualizzata come divisore tra gli elementi. Scopri di più in Seleziona elemento: ora con regole orizzontali.

Definizione dell'ambito CSS

Chrome 118 include CSS con ambito con la regola @scope. Questa regola fornisce un modo per selezionare gli elementi in un sottoalbero del DOM. Per ulteriori informazioni, consulta Limitare la copertura dei selettori con il CSS @scope at-rule.

Supporto dei browser

  • 118
  • 118
  • x
  • 17,4

Origine

CSS prefers-reduced-transparency

Chrome 118 include la funzionalità dei contenuti multimediali prefers-reduced-transparency. Questa è una serie di funzionalità che ti consentono di controllare le preferenze impostate da un utente nel suo dispositivo e di rispondere in base alle sue esigenze nel codice. Scopri di più sulla funzionalità in CSS prefers-reduced-transparency.

Supporto dei browser

  • 118
  • 118
  • x

Origine

Sintassi del colore relativo del CSS

Chrome 119 è una nuova potente funzionalità di CSS Color 5: sintassi dei colori relativi. In questo modo puoi ricavare un colore da un altro colore, utilizzando qualsiasi spazio colore o sintassi di cui hai bisogno.

Garbage collection di WebAssembly (WasmGC)

Chrome 119 include WasmGC per rendere più veloce l'utilizzo di linguaggi di garbage-collect come Kotlin, PHP o Java in WebAssembly. Puoi trovare tutti i dettagli in WebAssembly Garbage Collection (WasmGC) ora abilitata per impostazione predefinita in Chrome.

Versioni del browser beta

Le versioni beta del browser offrono un'anteprima dei contenuti che saranno presenti nella versione stabile successiva 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 sono Firefox 120 e Safari 17.2. Queste release integrano molte funzionalità eccezionali sulla piattaforma. Consulta le note di rilascio per tutti i dettagli. Ecco alcuni punti salienti.

Safari 17.2 include molte nuove funzionalità. Per CSS è disponibile il supporto per l'API CSS Custom In evidenza, le proprietà mask-border, la proprietà counter-set e molte altre funzionalità. Inoltre, ci sono molte correzioni alle funzionalità esistenti per migliorare l'interoperabilità.

Per HTML, Safari 17.2 include il supporto per l'attributo name per l'elemento <details>. Nelle API web è inoltre disponibile il supporto per la priorità di recupero e le immagini adattabili sono ora abilitate in <link rel=preload>.

Firefox 120 aggiunge il supporto per le unità CSS rh e rlh, text-wrap: balance e la funzione light-dark().

Parte della serie Novità per il web