Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 125

Adriana Jara

Tieni presente quanto segue:

Ancorare gli elementi non è mai stato così facile con il posizionamento dell'ancora CSS.
L'API Compute Pressure consente di ottimizzare la potenza del computer disponibile.
L'API Storage Access è stata estesa per includere più dello spazio di archiviazione dei cookie.
E c'è molto altro.

Sono Adriana Jara. Vediamo le novità per gli sviluppatori in Chrome 125.

Posizionamento dell'ancora CSS.

La visualizzazione di un elemento ancorato a un altro elemento ti consente di creare pattern di UI, ad esempio utilizzare un popup come descrizione comando e collegarlo all'elemento che lo richiama.

Con il posizionamento dell'ancora CSS puoi ancorare in modo dichiarativo un elemento con posizionamento assoluto a uno o più elementi della pagina. Non richiede JavaScript e funziona in modo efficiente quando le ancore sono scorrevoli.

La funzionalità di posizionamento dell'ancora è composta da un numero elevato di proprietà CSS. Ecco alcune proprietà chiave:

anchor-name: imposta un elemento come ancora per altri elementi.
position-anchor: descrive l'ancora "predefinita" che un elemento ancorato deve utilizzare per il posizionamento dell'ancora.
La funzione anchor(): si riferisce alla posizione dell'elemento di ancoraggio, nel posizionare l'elemento ancorato.
inset-area: una scorciatoia per il posizionamento, per le posizioni relative comuni.

API Compute Pressure.

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

Quando esegui l'ottimizzazione per un utilizzo equilibrato della potenza del computer, l'API utilizza le metriche hardware sottostanti corrette per garantire che gli utenti possano sfruttare tutta la potenza di elaborazione disponibile, a condizione che il sistema non sia sottoposto a uno stress non gestibile.

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

Visita la pagina dell'API Compute Pressure per esempi e ulteriori informazioni.

L'API Storage Access (SAA) è stata estesa allo spazio di archiviazione diverso dai cookie.

L'API Storage Access è un'API JavaScript creata come alternativa ai cookie cross-site, per gli incorporamenti che dipendono dal caricamento di risorse tra siti, per richiedere l'autorizzazione di accesso all'utente, in base alle necessità.

Questa versione include un'estensione per utilizzare l'API oltre i cookie. Con l'estensione puoi accedere ai cookie non partizionati e allo spazio di archiviazione non cookie in un contesto di terze parti, ad esempio per indexedDB e localstorage. Il seguente codice mostra un esempio per richiedere l'accesso a IndexedDB.

// 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.

Ovviamente ce ne sono molti altri.

È 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.
Sono state aggiunte le funzioni CSS con valori a gradini round(), mod() e rem(), rendendo queste funzionalità di base disponibili di recente
L'API Shared Storage ora supporta l'esecuzione di worklet cross-origin senza dover creare un iframe.

Leggi le note di rilascio complete.

Per approfondire

Sono riportati solo alcuni punti salienti. Consulta i seguenti link per altre modifiche in Chrome 125.

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 e, non appena verrà rilasciato Chrome 126, sarò qui per raccontarti le novità di Chrome.