JS获取浏览器缓存大小

可以使用 JavaScript 来获取浏览器缓存大小。具体步骤如下：

1. 首先创建一个 XMLHttpRequest 对象；

2. 通过该对象的 `open()` 方法打开一个 HEAD 请求，请求一个不存在的文件，例如： `xhr.open('HEAD', '/nonexistent-file', true);`

3. 在 `xhr` 对象上注册一个 `onload` 事件处理程序，在该事件处理程序中获取 `xhr.getResponseHeader('Content-Length')` 的值。这个值就是浏览器缓存的大小。

下面是一个示例代码：

function getCacheSize(callback) {
  var xhr = new XMLHttpRequest();
  xhr.open('HEAD', '/nonexistent-file', true);
  xhr.onload = function() {
    var cacheSize = xhr.getResponseHeader('Content-Length');
    callback(cacheSize);
  };
  xhr.send();
}

getCacheSize(function(cacheSize) {
  console.log('Browser cache size is ' + cacheSize + ' bytes.');
});

需要注意的是，这种方法只能获取到浏览器 HTTP 缓存的大小，而不能获取到浏览器其他类型的缓存大小，例如 IndexedDB、LocalStorage 等。