How to view space used by the HTTP cache in Chrome devtools?

Question

Can I view the amount of space used by the built-in HTTP cache, in devtools?

I like to know how much space (while I develop) Chrome is using to cache resources of my app.

Answer 1

In supporting browsers (not Safari or Edge), use this to get a storage estimate:

navigator.storage.estimate().then(estimate => console.log(estimate));

Output signature varies by browser (Chrome 77.x shown here):

{
  quota: 599997077913,
  usage: 265,
  usageDetails: {
    indexedDB: 265
  },
  // .. 
}