javascript:有什么方法可以检查浏览器缓存中是否存在资产?

由于事实 script files are loaded in order 你可以在反应前后花点时间,包括。如果该时间低于几毫秒,则它来自缓存,并且该时间正好是解析所需的时间,否则它是从服务器加载的,并且ypu得到网络延迟:

<script>
  var start = Date.now();
 </script>
 <script src="cdn/react.min.js" ></script>
 <script>
   var loadTime = Date.now() - start;
   // Do whatever with that
   if(loadTime < 10) alert("cached");
</script>

但是,对于非常慢的浏览器和高速用户,您可能会得到错误的肯定和否定

您可以使用 Resource Timing API 查找加载的所有资源和 transferSize 属性来确定是否从缓存加载。传输大小为0表示缓存加载。大于0表示通过网络的实际传输,因此是未缓存的资源。

const resourcesStatus = window.performance.getEntriesByType('resource')
  .reduce(function(formattedOutput, resourceDetails) {
    return formattedOutput.concat({
      resourceName: resourceDetails.name,
      cached: resourceDetails.transferSize ? false : true
    })}, [])