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 di calcolo 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 un elemento con posizionamento assoluto a uno o più elementi della pagina in modo dichiarativo. 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 delle 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 incontrollabile.

Intel ha guidato il lavoro di progettazione e implementazione di questa API, che consentirà alle app di videoconferenza 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 Accesso allo spazio di archiviazione è un'API JavaScript creata come alternativa ai cookie cross-site per gli elementi incorporati che dipendono dal caricamento di risorse cross-site, per richiedere all'utente l'autorizzazione di accesso 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 nessuna novità, iscriviti al canale YouTube di Chrome for Developers, e riceverai una notifica via email ogni volta che lanceremo un nuovo video.

Sono Adriana Jara e, non appena verrà rilasciato Chrome 126, sarò qui per raccontarti le novità di Chrome.