Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta nel mese di giugno 2022.
Release del browser stabile
A giugno, Chrome 103 e Firefox 102 sono diventati stabili.
Trasforma flussi e flussi di byte leggibili
Firefox 102 include il supporto per Transform Streams. In questo modo è possibile eseguire una trasformazione da ReadableStream a WritableStream sui blocchi. È fantastico vedere che questa funzionalità diventa disponibile in tutti e tre i motori, perciò è un ottimo momento per conoscere gli stream.
Anche gli stream di byte leggibili sono ora supportati in Firefox 102, abilitando un lettore BYOB (Bring Your Own buffer) con l'interfaccia ReadableStreamBYOBReader. Questa funzionalità può essere utilizzata per trasmettere dati forniti dallo sviluppatore.
Accedere ai caratteri installati localmente
Chrome 103 include l'API Local Font Access, che consente l'accesso ai caratteri installati localmente dell'utente. Dopo aver richiesto l'accesso ai caratteri installati sul dispositivo, chiama window.queryLocalFonts() per ottenere un array dei caratteri installati.
const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
console.log(fontData.postscriptName);
console.log(fontData.fullName);
console.log(fontData.family);
console.log(fontData.style);
}
La funzionalità dei contenuti multimediali update
Firefox 102 include la funzionalità per i contenuti multimediali di update. Viene utilizzato per chiedere se il dispositivo di output può modificare l'aspetto dei contenuti dopo il rendering.
Un nuovo codice di stato HTTP: 103 suggerimenti iniziali
In Chrome 103 viene aggiunto un nuovo codice di stato HTTP 103 Early Hints. Se il server o la rete CDN sanno che è necessario un determinato insieme di sottorisorse per caricare una pagina, può consigliare al browser di preconnettersi alle origini o persino di precaricare le risorse quando arriva la pagina che le richiede. Sono necessari aggiornamenti del server o della rete CDN per poter sfruttare la funzionalità. Scopri di più sui suggerimenti iniziali.
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 ufficiale.
Le nuove versioni beta di aprile sono state Chrome 104, Firefox 103 e Safari 16.
Nuova sintassi per le query supporti per intervalli
Chrome 104 include la nuova sintassi per le query supporti intervalli, dalla specifica Media Queries Level 4. Ad esempio, una query supporti precedentemente scritta come segue:
@media (min-width: 400px) { … }
Ora può essere scritto nel seguente modo:
@media (width >= 400px) { … }
API Region Capture
La versione 104 di Chrome su computer include anche l'API Region Capture. Questa opzione consente di ritagliare e rimuovere i contenuti dal video acquisito prima di condividerlo.
Safari 16 introduce diverse funzionalità chiave nel browser
Safari 16 sarà un'altra entusiasmante versione del team di Safari. In questa versione si aggiungono molte delle funzionalità incluse in Interop 2022 ed è fantastico vedere così tante informazioni in serbo a metà anno. Qui ho elencato alcune delle mie funzionalità preferite, ma controlla le note di rilascio per saperne di più.
Insieme a molti sviluppatori, sono davvero entusiasta del supporto delle query sulle dimensioni per le query relative al container, una funzionalità che al momento è protetta anche in Chrome.
Sempre in Safari 16 è supportato il valore subgrid per grid-template-columns e grid-template-rows. Questa funzionalità è già presente in Firefox e in fase di sviluppo in Chrome e consente di ereditare le dimensioni delle tracce della griglia tramite griglie nidificate.
Anche per il layout a griglia c'è la possibilità di animare le tracce griglia.
Supporto dei browser
- 107
- 107
- 66
- 16
È incluso il metodo showPicker(), che consente di mostrare in modo canonico un selettore del browser per date, ora, colore e file. Puoi scoprire di più nell'articolo Mostrare un selettore del browser per data, ora, colore e file.
Sono stati risolti anche i problemi di accessibilità per display: contents, in modo da rendere sicura l'utilizzo di questa utile funzionalità, senza il rischio di rimuovere elementi dall'albero dell'accessibilità.
Queste funzionalità beta saranno disponibili a breve in browser stabili.
Parte della Nuova serie web