Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta nel mese di aprile 2024.
Release del browser stabile
Ad aprile 2024, Firefox 125 e Chrome 124 sono diventati stabili. Questo post illustra le nuove funzionalità aggiunte alla piattaforma web.
Quattro nuove funzionalità vengono visualizzate nella base di riferimento
Firefox 125 ha aggiunto quattro nuove funzionalità a Baseline Newly Available.
L'API Popover, Intl.Segmenter
, align-content
per i layout a blocchi
e i valori content-box
e stroke-box
per transform-box
.
L'API Popover
L'API Popover consente di creare molti tipi di popup non modali. Includono descrizioni comando, menu, popup toast personalizzati e molto altro. I popover includono molte funzionalità integrate per le quali in precedenza dovevi scrivere JavaScript. Scopri di più in L'API Popover arriva in Baseline.
Intl.Segmenter
Intl.Segmenter
attiva la segmentazione del testo sensibile a livello locale. Ad esempio, puoi dividere le parole
in lingue che non separano le parole con spazi. Scopri come funziona in
L'oggetto Intl.Segmenter ora fa parte di Baseline.
align-content
per i layout a blocchi
La proprietà align-content
è ora supportata in tutti i principali motori per il layout a blocchi. Ciò significa che puoi eseguire l'allineamento della direzione dei blocchi senza dover creare anche un layout flessibile o a griglia sull'elemento padre. Guarda un esempio in La proprietà allinea-content per i layout a blocchi ora fa parte di Baseline .
Supporto dei browser
- 123
- 123
- 125
- 17,4
CSS transform-box
Infine, in Firefox 125 vengono visualizzati i valori di content-box
e stroke-box
per la proprietà transform-box
.
Il valore content-box
utilizza il riquadro dei contenuti e stroke-box
il riquadro di delimitazione del tratto che contiene una forma di SVG.
Supporto dei browser
- 118
- 118
- 125
- 13.1
L'API WebSocketStream
L'API WebSocketStream integra i flussi WHATWG con l'API WebSocket ed è disponibile in Chrome 124. Scopri di più in WebSocketStream: integrazione dei flussi con l'API WebSocket.
Supporto dei browser
- 124
- 124
- x
- x
setHTMLUnsafe
e parseHTMLUnsafe
Chrome 124 include anche i metodi setHTMLUnsafe
e parseHTMLUnsafe
che consentono di utilizzare il DOM shadow dichiarativo
da JavaScript. Questi metodi offrono anche un modo più semplice per analizzare l'HTML in modo imperativo nel DOM rispetto a innerHTML
o DOMParser
.
Supporto dei browser
- 124
- 124
- 123
- 17,4
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 a livello mondiale. Le nuove versioni beta sono Firefox 126, Safari 17.5 e Chrome 125. Queste release introducono molte fantastiche funzionalità nella piattaforma. Per tutti i dettagli, consulta le note di rilascio. Ecco alcuni punti salienti.
Safari 17.5 include la funzione colore light-dark()
, che diventerà Baseline Newly Available una volta stabile la versione 17.5.
In arrivo in Baseline Newly Available anche le funzioni per i valori con passaggi CSS.
Chrome 125 include
round()
,
mod()
e
rem()
.
Chrome 125 include anche l'API Compute Pressure e il posizionamento di ancoraggio CSS.
Firefox 126 include l'API Screen Wake Lock, rendendo disponibile un'altra funzionalità Baseline Newly Available.