Novità sulla piattaforma web a febbraio

Scopri alcune delle interessanti funzionalità disponibili in versione stabile e beta browser web a febbraio 2024.

A febbraio 2024, con Firefox 123 e Chrome 122 è diventato stabile. Questo post prende in esame le nuove funzionalità aggiunte alla piattaforma web.

DOM shadow dichiarativo

Firefox 123 supporta l'attributo shadowrootmode di <template> , supportando così DOM dichiarativo shadow. Questa funzionalità è ora disponibile nel nuovo Baseline, in quanto è interoperabile tutti i browser principali.

Supporto dei browser

  • 111
  • 111
  • 123
  • 16.4

Origine

103 Early Hints: precaricamento

Firefox 123 include il 103 Early Hints per il precaricamento delle risorse.

Supporto dei browser

  • 103
  • 103
  • 123
  • x

Modifiche all'ereditarietà del CSS ::backdrop

Lo pseudoelemento CSS ::backdrop è una scatola delle dimensioni dell'area visibile, visualizzato immediatamente sotto qualsiasi elemento presentato nel livello superiore. La specifica originale per ::backdrop specificava che non è stata ereditata da qualsiasi elemento e non vengono ereditati. Ciò significa che ::backdrop non hanno accesso alle proprietà personalizzate dichiarate in data :root.

La specifica è stata modificata per consentire a ::backdrop di ereditare le proprietà dall'elemento di origine. Questa modifica è implementata nella versione 122 di Chrome.

Scopri di più sulle cambiano in ::backdrop.

API Storage Buckets

Chrome 122 include l'API Storage Buckets. Questa API dà ai siti la possibilità di organizzare i dati sul dispositivo in bucket, i dati del gruppo possono essere rimossi indipendentemente da quelli contenuti in altri bucket.

Scopri di più nel Documentazione relativa all'API Storage Buckets.

Supporto dei browser

  • 122
  • 122
  • x
  • x

API Async Clipboard: lettura di HTML non convalidato

Chrome 122 beta include un'opzione unsanitized nel metodo read() di L'API Async Clipboard per recuperare il formato HTML non sanitizzato.

Set metodi JavaScript

Chrome 122 implementa i seguenti metodi di Set:

Questi metodi sono già implementati in Safari, a partire dalla versione 17. e sono in modalità Firefox Nightly.

Supporto dei browser

  • 122
  • 122
  • 127
  • 17

Origine

Versioni del browser beta

Le versioni beta del browser offrono un'anteprima delle funzionalità che saranno incluse nel prossimo alla versione stabile del browser. È un ottimo momento per testare nuove funzionalità delle rimozioni, che potrebbero avere un impatto sul tuo sito prima che il resto del mondo lo riceva. Nuovi le versioni beta Firefox 124 Chrome 123 rilasciato questo mese e Safari 17.4 è in corso. Queste release integrano molte funzionalità eccezionali sulla piattaforma. Dai un'occhiata alla release note per tutti i dettagli. Ecco alcuni punti salienti.

Chrome 123 include diverse nuove funzionalità CSS. Funzione colore light-dark() semplifica l'adattamento delle combinazioni di colori alle preferenze degli utenti. field-sizing consente di aumentare automaticamente i campi di immissione di testo. C'è un nuovo media per testare le app che vengono mostrate in modalità Picture in picture.

La proprietà text-spacing-trim applica la crenatura a cinese, giapponese e coreani (CJK) per regolare la spaziatura eccessiva. Scopri di più in Presentazione di quattro nuove funzionalità internazionali per i CSS.

Nelle versioni beta di Chrome 123 e Safari 17.4 è supportato align-content in layout a blocchi e tabelle. Informazioni la modifica in align-content assistenza in tempo reale. Testa i tuoi siti se potresti utilizzare la proprietà al di fuori della griglia o flex, in quanto inizierà a causare allineamento dove prima non era funzionale nel layout a blocchi.

Firefox 124 include il supporto per CSS Proprietà content-visibility. Questa proprietà controlla se un elemento esegue il rendering dei propri contenuti, consentendo ai browser di omettere il rendering dei contenuti fino a quando non è necessario.