Scopri alcune delle interessanti funzionalità disponibili nei browser web stabili e beta a giugno 2024.
Release del browser stabili
A giugno 2024, Firefox 127 e Chrome 126 sono diventati stabili. Questo post prende in esame le nuove funzionalità aggiunte alla piattaforma web.
Metodi di impostazione JavaScript
Gli insiemi sono una struttura di dati essenziale in qualsiasi linguaggio di programmazione. Ora puoi utilizzare i metodi integrati di JavaScript per eseguire operazioni di impostazione. I seguenti metodi di impostazione sono ora disponibili in Firefox 127 e sono entrati a far parte di Baseline Newly Available:
intersection()union()difference()symmetricDifference()isSubsetOf()isSupersetOf()isDisjointFrom()
Per scoprire di più, leggi l'articolo I metodi di impostazione JavaScript fanno ora parte di Baseline.
API Async Clipboard
L'API Clipboard ora è completamente supportata da Firefox 127. Firefox ora supporta l'interfaccia ClipboardItem, nonché i metodi read() e write() dell'interfaccia Clipboard. Scopri di più sull'API Clipboard in
Sblocco dell'accesso agli appunti.
Interpolazione di colori nei gradienti CSS
Si specifica che i gradienti CSS accettano un <color-interpolation-method> e questa
è ora supportata in Firefox, il che la rende interoperabile in tutti i principali motori.
Ora, ad esempio, puoi specificare un valore linear-gradient() utilizzando il sistema
di colori hsl e un'interpolazione più lunga.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
Supporto dei browser
- 111
- 111
- 127
- 16.2
Transizioni della visualizzazione tra documenti
In precedenza, per utilizzare l'API View Transiziones era necessario cambiare l'architettura del sito web trasformandola in un'APS. Questo non avviene più; A partire da Chrome 126, le transizioni della visualizzazione sono ora abilitate per impostazione predefinita per le navigazioni dalla stessa origine. Puoi creare una transizione della visualizzazione tra due diversi documenti della stessa origine.
Per abilitare una transizione di visualizzazione tra documenti, è necessario attivare entrambe le estremità.
Per farlo, utilizza la regola at-@view-transition e imposta il descrittore di navigazione su auto.
@view-transition {
navigation: auto;
}
Scopri di più nella documentazione sulle transizioni delle visualizzazioni tra documenti.
L'estensione trigger-rumble dell'API Gamepad
Chrome 126 estende l'interfaccia GamepadHapticActuator per esporre la
funzionalità trigger-rumble sul web per i gamepad compatibili.
Questa estensione consente alle applicazioni web che sfruttano l'API Gamepad di vibrare anche i trigger dei dispositivi gamepad dotati di questa funzionalità.
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 128, Chrome 127, Safari 18 e Safari 17.6. Queste release integrano molte funzionalità eccezionali sulla piattaforma. Consulta le note di rilascio per tutti i dettagli. Ecco alcuni punti salienti.
Safari 17.6 è una versione di correzioni di funzionalità esistenti. Safari 18 offre una serie di nuove funzionalità molto interessanti, tra cui le query sui container di stile, l'API View Transaction per le app a pagina singola
e il supporto per la parola chiave safe nelle proprietà flexbox.
Chrome 127 include la proprietà CSS font-size-adjust, la possibilità di specificare un testo alternativo sui contenuti generati sotto forma di numero arbitrario di elementi e la possibilità di aggiungere informazioni sui singoli capitoli in MediaMetaData.
Firefox 128 include proprietà e valori CSS, che rendono questa funzionalità
nuovamente disponibile Baseline. Utilizza @property per definire un type e impostare un valore
di riserva per le proprietà personalizzate CSS.