Как я могу получить размер и/или количество элементов в кеше ServiceWorker?

Question

ServiceWorker - новая api, доступная в Chrome. Одна из многих вещей, которую он позволяет вам сделать, - перехватить сетевые запросы и ответить кешированной версией. Я реализую кнопку «Принять это офлайн», которая динамически добавляет вещи в кеш. Я хотел бы сообщить пользователю, сколько места я использую, и сколько записей я вложил в кеш.

Возможно ли запросить кеш, чтобы получить количество элементов в нем? Могу ли я сообщить об общем размере вещей, хранящихся в нем?

Answer 1

Очевидно, вы можете использовать cacheName.keys().length, как показано на рисунке trained to thrill, вы также можете циклически переключаться на отдельные записи и вычислять общий вес.

Answer 2

Вы можете сделать что-то вроде следующего, чтобы найти приблизительный размер кэша:

// returns approximate size of a single cache (in bytes) 
 
function cacheSize(c) { 
 
    return c.keys().then(a => { 
 
    return Promise.all(
 
     a.map(req => c.match(req).then(res => res.clone().blob().then(b => b.size))) 
 
    ).then(a => a.reduce((acc, n) => acc + n, 0)); 
 
    }); 
 
} 
 

 
// returns approximate size of all caches (in bytes) 
 
function cachesSize() { 
 
    return caches.keys().then(a => { 
 
    return Promise.all(
 
     a.map(n => caches.open(n).then(c => cacheSize(c))) 
 
    ).then(a => a.reduce((acc, n) => acc + n, 0)); 
 
    }); 
 
}

Там есть несколько предостережений:

• Графы размером ответа корпус только. (Это может быть частично исправлено.)
• Подсчет непрозрачных ответов. (Это не может быть исправлено.)