Novità di Chrome 120

Adriana Jara

Tieni presente quanto segue:

Mi chiamo Adriana Jara. Scopriamo le novità di Chrome 120 per gli sviluppatori.

API CloseWatcher.

Una caratteristica importante dei componenti modali o popup è la facilità di chiusura,con un meccanismo coerente per farlo. Questi meccanismi sono chiamati richieste di chiusura, in genere sono il tasto ESC sulle piattaforme desktop e il gesto o il pulsante Indietro su Android.

Gli sviluppatori web non avevano un modo valido per gestire le richieste di chiusura per i propri componenti. Questo aspetto è particolarmente problematico sui dispositivi Android, dove fornire il semplice comportamento di chiusura per il gesto Indietro è piuttosto complesso.

Chrome 120 porta la soluzione con CloseWatcher, una nuova API per ascoltare e rispondere direttamente alle richieste di chiusura. Include inoltre gli upgrade a <dialog> e popover="" per utilizzare il nuovo framework di richiesta di chiusura, in modo da rispondere al pulsante Indietro di Android.

Dai un'occhiata alla demo dell'API CloseWatcher per provarla.

Attributo nome <details>

L'attributo name per l'elemento <details> semplifica l'implementazione del pattern di accordion utilizzando una sequenza di elementi HTML <details>.

Più elementi <details> con lo stesso name formano un gruppo. Con questa configurazione, al massimo un elemento del gruppo può essere aperto alla volta.

Ecco un esempio con un gruppo che condivide il nome cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Report sulle violazioni delle norme relative alle autorizzazioni

I report sulle violazioni delle norme relative alle autorizzazioni integrano l'API delle norme relative alle autorizzazioni che consente agli sviluppatori di controllare le funzionalità del browser disponibili per una pagina, i relativi iframe e le risorse secondarie dichiarando un insieme di criteri che il browser deve applicare con l'API di reporting. L'API di reporting fornisce un meccanismo di segnalazione generico che le applicazioni web possono utilizzare per rendere disponibili i rapporti basati su diverse funzionalità della piattaforma.

L'integrazione di questa API e dell'API di reporting consente agli sviluppatori web di configurare gli endpoint a cui verranno inviati i report sulle violazioni dei criteri delle autorizzazioni, consentendo ai proprietari dei siti di sapere quando vengono richieste funzionalità non consentite per le loro pagine sul campo.

Il controllo delle funzionalità del browser con i criteri relativi alle autorizzazioni include ulteriori dettagli sull'implementazione.

E tanto altro.

Naturalmente c'è molto altro.

  • L'implementazione della nidificazione CSS allentata consente alle regole di stile nidificate di iniziare con un elemento, anziché essere aggregate con is() o richiedere una e commerciale davanti.

  • Con l'azione enterpictureinpicture nell'API Media Session, i siti web possono registrare un gestore di azioni che può essere utilizzato per aprire una finestra Picture in picture o Picture in picture del documento.

  • Ti ricordiamo che Chrome si sta adoperando per ritirare i cookie di terze parti. A gennaio inizia un esperimento che potrebbe interessare il tuo sito web, quindi è importante selezionare Preparazione alla fine dei cookie di terze parti per le fasi di controllo e mitigazione.

Per approfondire

Vengono illustrati solo alcuni dei punti salienti. Consulta i link qui sotto per le modifiche aggiuntive in Chrome 120.

Iscriviti

Per non perderti gli aggiornamenti, iscriviti al Canale YouTube per sviluppatori di Chrome, e riceverai una notifica via email ogni volta che viene lanciato un nuovo video.

Ciao Adriana Jara, il nostro team ti augura buone feste e non appena verrà rilasciato Chrome 121, sarò felice di comunicarti le novità di Chrome.