时间戳

首页 > 解决方案 > 如何在 Chrome devtools 中查看 HTTP 缓存使用的空间？

javascript - 如何在 Chrome devtools 中查看 HTTP 缓存使用的空间？

问题描述

我可以在 devtools 中查看内置 HTTP 缓存使用的空间量吗？

我想知道 Chrome 使用了多少空间（在我开发时）来缓存我的应用程序的资源。

标签： javascriptgoogle-chromegoogle-chrome-devtoolscache-controlhttp-caching

解决方案

在支持的浏览器（不是 Safari 或 Edge）中，使用它来获得存储估计：

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

输出签名因浏览器而异（此处显示的是 Chrome 77.x）：

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

推荐阅读