Novità di Chrome 120

Adriana Jara

Tieni presente quanto segue:

Sono Adriana Jara. Diamo un'occhiata alle novità per gli sviluppatori in Chrome 120.

API CloseWatcher.

Una caratteristica importante dei componenti modali o popup è che sono facili da chiudere, con un meccanismo coerente per farlo. Questi meccanismi sono chiamati richieste di chiusura e in genere corrispondono al tasto ESC sulle piattaforme desktop e al gesto o al pulsante Indietro su Android.

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

Chrome 120 offre la soluzione con CloseWatcher, una nuova API per ascoltare e rispondere direttamente alle richieste di chiusura. Sono inclusi anche gli upgrade a <dialog> e popover="" per utilizzare il nuovo framework di richiesta di chiusura, in modo che rispondano 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 a scomparsa utilizzando una sequenza di elementi HTML <details>.

Più elementi <details> con lo stesso name formano un gruppo. Con questa configurazione è possibile aprire al massimo un elemento alla volta nel gruppo.

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

Ora sono disponibili i report sulle violazioni dei criteri di autorizzazione, che integrano l'API Permissions Policy 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 da applicare al browser con l'API 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.

Questa integrazione dell'API Permissions Policy e dell'API Reporting consente agli sviluppatori web di configurare gli endpoint a cui verranno inviati i report sulle violazioni dei criteri relativi alle autorizzazioni, in modo che i proprietari di siti possano vedere 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.

Ovviamente ce ne sono molti altri.

  • 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 delle azioni che può essere utilizzato per aprire una finestra Picture in picture o Picture in picture di documenti.

  • Ti ricordiamo che Chrome sta lavorando al ritiro dei cookie di terze parti. A gennaio inizierà un esperimento che potrebbe interessare il tuo sito web, quindi è importante che tu consulti la pagina Prepararsi al ritiro dei cookie di terze parti per conoscere i passaggi di controllo e mitigazione.

Per approfondire

Sono riportati solo alcuni punti salienti. Consulta i link di seguito per altre modifiche in Chrome 120.

Iscriviti

Per non perderti gli aggiornamenti, iscriviti al canale YouTube degli sviluppatori di Chrome: riceverai una notifica via email ogni volta che verrà lanciato un nuovo video.

Sono Adriana Jara. Il nostro team ti augura buone feste e, non appena verrà rilasciato Chrome 121, sarò qui per raccontarti le novità di Chrome.