Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 125

Adriana Jara

Tieni presente quanto segue:

Ancorare gli elementi è più facile che mai con il posizionamento degli ancoraggi CSS.
L'API Compute Pressure consente di ottimizzare la potenza del computer disponibile.
L'API Storage Access offre altre funzionalità oltre alla memorizzazione dei cookie.
E ce ne sono molti altri.

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

Posizionamento dell'anchor CSS.

La visualizzazione di un elemento ancorato a un altro elemento ti consente di creare pattern dell'interfaccia utente come l'utilizzo di un popover come descrizione comando e il suo collegamento all'elemento che lo richiama.

Con il posizionamento dell'ancoraggio CSS puoi eseguire il tethering di un elemento con una posizione assoluto per uno o più elementi della pagina in modo dichiarativo. Non richiede JavaScript e funziona in modo efficace quando gli ancoraggi sono scorrevoli.

La funzionalità di posizionamento degli ancoraggi è composta da un numero elevato di proprietà CSS. R alcune delle proprietà chiave sono le seguenti:

anchor-name: consente di impostare un elemento come ancoraggio per altri elementi.
position-anchor: descrive il valore predefinito ancorare un elemento ancorato per il posizionamento degli ancoraggi.
La funzione anchor(): si riferisce alla posizione dell'ancoraggio nel posizionamento dell'elemento ancorato.
inset-area: una forma abbreviata per il posizionamento, per indicare le posizioni relative comuni.

l'API Compute Pressure.

L'API Compute Pressure offre stati di alto livello che rappresentano il carico della CPU sul sistema.

Durante l'ottimizzazione per un uso equilibrato dell'energia del computer, l'API utilizza le giuste metriche hardware di base per garantire che gli utenti possano sfruttare tutta la potenza di elaborazione disponibile, purché il sistema non sia sottoposto a stress ingestibili.

Intel ha gestito il lavoro di progettazione e implementazione di questa API, che consentirà alle app di videoconferenza di bilanciare dinamicamente funzionalità e prestazioni.

Visita l'API Compute Pressure per campioni e ulteriori informazioni.

API Storage Access (SAA) estesa all'archiviazione senza cookie.

L'API Storage Access è un'API JavaScript creata come alternativa ai cookie su più siti, per gli incorporamenti che dipendono dal caricamento di risorse tra siti per richiedere l'autorizzazione di accesso all'utente, in base alle esigenze.

Questa versione include un'estensione per utilizzare l'API oltre i cookie. Con l'estensione puoi accedere a cookie non partizionati e ad archiviazione diversa dai cookie in un contesto di terze parti, ad esempio per IndexDB e localstorage. Il codice riportato di seguito mostra un esempio per richiedere l'accesso a indicizzatoDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

E tanto altro.

Naturalmente c'è molto altro.

È disponibile una prova dell'origine per l'API Device Posture e l'API Viewport segments Enumeration. Queste API sono progettate per aiutare gli sviluppatori a scegliere come target i dispositivi pieghevoli.
Le funzioni CSS con valore a passi round(), mod() e rem() sono state aggiunte, rendendo queste funzionalità appena disponibili
L'API Shared Storage ora supporta l'esecuzione di worklet multiorigine senza dover creare un iframe.

Leggi le note di rilascio complete.

Per approfondire

Vengono illustrati solo alcuni dei punti salienti. Visita i seguenti link per altre modifiche in Chrome 125.

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, non appena verrà rilasciato Chrome 126 ti fornirò tutte le informazioni sulle novità di Chrome.