js获取当前缓存信息

在JavaScript中，获取当前浏览器的缓存信息通常涉及到操作浏览器内置的`window.performance`对象和`navigator`对象。以下是一些获取缓存信息的方法：

1. **Performance API** - 这个API提供了一些关于性能的信息，包括资源加载时间、内存使用等，但不是直接获取缓存信息的。不过，你可以间接了解一些关于资源是否来自缓存的信息，比如使用`Resource Timing`属性来查看资源加载的时间：

   const resourceEntries = performance.getEntriesByType('resource');
   for (const entry of resourceEntries) {
     if (entry.name.includes('your-resource')) {
       console.log(`Resource ${entry.name} is from cache: ${entry.fromCache}`);
     }
   }

2. **Cache Storage API** - 这个API用于管理浏览器缓存，但需要跨域同源策略允许才能访问。你可以使用`navigator.storage`来尝试访问：

   if (typeof navigator.applicationCache !== "undefined") {
     try {
       let cache = window.applicationCache;
       if (cache.status === window.applicationCache.UPDATEREADY) {
         console.log("Cache is ready");
       } else if (cache.status === window.applicationCache.OFFLINE) {
         console.log("Cache is offline");
       } else {
         console.log("Cache status:", cache.status);
       }
     } catch (e) {
       console.error("Unable to access application cache", e);
     }
   }

3. **XMLHttpRequest Cache** - 对于HTTP请求，可以通过XMLHttpRequest对象的`getResponseHeader('Cache-Control')`来查看响应头中的缓存信息，但这并不是标准的获取当前所有缓存信息的方式。

注意，上述方法并非总是可靠地返回当前所有缓存信息，因为浏览器的隐私设置和缓存策略可能会有所不同，而且不是所有的网络请求都会被缓存。