Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di Chrome 125

Adriana Jara

Tieni presente quanto segue:

L'ancoraggio degli 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 è stata estesa per altri servizi oltre all'archiviazione dei cookie.
E ce ne sono molte altre.

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

Posizionamento dell'ancoraggio CSS.

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

Con il posizionamento ancorato CSS puoi eseguire il tethering di un elemento posizionato in modo assoluto con 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 è costituita da un numero elevato di proprietà CSS. Alcune delle proprietà chiave sono le seguenti:

anchor-name: imposta un elemento come ancoraggio per altri elementi.
position-anchor: descrive l'ancoraggio "predefinito" che un elemento di ancoraggio dovrebbe utilizzare per il posizionamento dell'ancoraggio.
La funzione anchor(): si riferisce alla posizione dell'elemento ancoraggio, nel posizionamento dell'elemento ancorato.
inset-area: un comando breve per il posizionamento, per 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.

Nell'ottimizzazione per un uso equilibrato dell'alimentazione 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 sotto stress ingestibile.

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 esempi e ulteriori informazioni.

API Storage Access (SAA) estesa all'archiviazione non basata sui cookie.

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

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

// 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 altro ancora

Ovviamente c'è molto altro.

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

Leggi le note di rilascio complete.

Per approfondire

Vengono trattati solo alcuni punti salienti. Controlla i seguenti link per ulteriori modifiche in Chrome 125.

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.

Ciao Adriana Jara e non appena uscirà Chrome 126, sarò qui per farti conoscere le novità di Chrome.