Novità di Chrome 120

Adriana Jara

Tieni presente quanto segue:

Sono Adriana Jara. Analizziamo le novità di Chrome 120 per gli sviluppatori.

l'API CloseWatcher.

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

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

Chrome 120 offre questa soluzione con CloseWatcher, una nuova API che consente di ascoltare e rispondere direttamente alle richieste di chiusura. Sono inoltre inclusi gli upgrade a <dialog> e popover="" per l'utilizzo del nuovo framework di richieste 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 accordion utilizzando una sequenza di elementi HTML <details>.

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

Ecco un esempio relativo a 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 dei criteri relativi alle autorizzazioni sono ora disponibili. Questi report 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 risorse secondarie, dichiarando un insieme di criteri che il browser potrà applicare con l'API di reporting. L'API di reporting fornisce un meccanismo di generazione di report generico per le applicazioni web da utilizzare per rendere disponibili i report in base a diverse funzionalità della piattaforma.

L'integrazione di API Permissions Policy e API di reporting consente agli sviluppatori web di configurare gli endpoint a cui verranno inviati i report sulle violazioni delle norme relative alle autorizzazioni. In questo modo, i proprietari dei siti possono 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 di implementazione.

E tanto altro.

Ovviamente c'è molto altro.

  • L'implementazione della nidificazione di CSS semplificata consente di far iniziare le regole di stile nidificate con un elemento, anziché essere aggregate con is() o richiedere la 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 una finestra 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 influire sul tuo sito web, quindi è importante selezionare l'opzione Preparazione alla fine dei cookie di terze parti per i passaggi di controllo e mitigazione.

Per approfondire

Vengono trattati solo alcuni punti salienti. Controlla i link riportati di seguito per ulteriori modifiche in Chrome 120.

Abbonati

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

Adriana Jara, il nostro team ti augura buone feste e, non appena uscirà Chrome 121, sarò felice di presentarti le novità di Chrome.