Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript

di Morgan Pizzini, in HTML5, JavaScript,

Concludiamo questa serie di script riguardanti la cache parlando del recupero degli elementi e della sua rimozione.

La cache non ha metodi di ricerca degli elementi al suo interno, se non quelli forniti tramite tramite il metodo match; ma possiamo facilmente iterare sulle chiavi, requests, ed effettuare controlli sulle properità delle stesse.

const result = [];

// Apertura cache
const cache = await caches.open("mia-cache");

// Iterazione sulle chiavi
for (const request of await cache.keys()) {
    // Controllo se l'url della request ha un match
    if (request.url.endsWith('mio-sito')) {
        // recupero il 
        result.push(await cache.match(request));
    }
}

L'ultima informazione da conoscere riguardo la cache è la rimozione di una chiave o della stessa cache: chiamando il metodo delete e fornendo come input la request, essa verrà eliminata. Così come chiamando il metodo delete dell'oggetto caches potremo rimuovere l'intera cache.

cache.delete(request);
// rimozione ignorando headers e querystrings
cache.delete('/mio-file.json', {ignoreVary: true, ignoreSearch: true});

// rimozione cache
caches.delete("mia-cache").

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi