javascript - "DOMException: Entry was not found"将大量响应放入缓存存储时

Question

我在 Cache Storage 中存储视频时遇到问题.如果视频很小，它工作正常，但如果它的大小约为 100MB，我会收到此错误:

DOMException: Entry was not found.

我使用以下代码:

fetch(videoUrl).then(function(res) {
  var responseToCache = res.clone();
  caches.open('videos').then(function(cache) {
    var request = new Request('https://example.com/video.mp4');
    cache.put(request, responseToCache).catch(function(err) {
      console.log(err); //this is where the error is thrown
    });
  });
});

不过，我可以存储多个总大小 >= 100 MB 的小文件。

我想这是 Chrome 浏览器的限制，但我在互联网上找不到任何引用。

有什么办法可以避免这个限制吗？

编辑:

我可以存储的最大视频大小为 64MB。如果大小超过该大小，则会发生错误。

编辑 2:

该错误仅在 Chrome 中发生。 Firefox 没有这样的限制。我在 Firefox 中尝试了大小 >= 350MB 的视频，并且没问题。

Answer 1

“最大大小”不是一个设定的数字，它基于您的计算机和可用磁盘空间量，该特定数字有点难以计算，因此放置 chrome://net-internals/#httpCache 在您的 google chrome 地址栏中，单击“缓存”然后在 statistics 下找到 Max size: 如果这个数字太大小你可以改变最大尺寸。

请按照以下步骤操作:

1. 右键点击“开始”菜单或桌面上的 Google Chrome 快捷方式并选择“属性”
2. 点击“Google Chrome”顶部的“快捷方式”标签属性”窗口。
3. 单击“目标”字段，然后按“结束”键移动光标到文末。
4. 按一下空格键。
5. 在字段中键入“–disk-cache-size=1073741824”(这等于 1GB)，修改数字在“size=”之后，以便它代表您想要的空间以字节为单位专门用于 Google Chrome 磁盘缓存。
6. 点击“确定”。关闭所有正在运行的 Google Chrome 实例，以及重新打开浏览器以开始使用新的缓存大小。

关于该主题的任何其他问题，请参阅此页面以获得很好的答案 https://superuser.com/questions/769626/why-doesnt-chrome-respect-the-diskcachesize-policy