Get error: Application Cache Error event: Resource fetch failed (2) myvideo3.mp4

Question

我在 Chrome 中遇到一个离线网络应用程序错误。 Google Chrome 总是在第三个视频上失败，尽管 URL 是正确的和单击 [=35] 中的 URL =] Dev Tools 的错误消息，在新选项卡中打开并播放视频。（总是第三个，即使我改变了视频的顺序）

清单包含三个视频（每个 30-40 MB）。所有三个都可以在 chrome 中查看并列在清单中。它显示一条消息，表明它已下载前两个视频，但第三个视频总是以这条消息结尾：

Application Cache Error event: Resource fetch failed (2) myvideo3.mp4

我知道清单是正确的，因为（如前所述）单击错误消息中的 URL 可在 Chrome 选项卡中播放视频。

尽管更改了清单中的顺序，但它总是在第 3 个视频上失败，我认为这是对应用程序缓存大小的限制。我如何为我的应用增加这个值？ 这是一个桌面。

CACHE MANIFEST

CACHE:
test.php
image.png
videos/myvideo1.mp4
videos/myvideo2.mp4
videos/myvideo3.mp4

编辑：更多信息： 当我列出三个视频时，它会加载两个并在第三个上失败。但是，当我关闭第三个并且清单中只列出了两个时，第二个视频失败了！什么会导致这个？（如果我只有一个视频，那么它会加载那个视频和整个清单）

使用： Google Chrome 43 桌面版（64 位）

Answer 1

不仅有每个网络应用程序的大小限制，还有每个文件的大小限制。从 this post（并通过我的测试确认），它是 32mb per file 和 260 MB per web app。

不确定如何找出其他浏览器的限制，因为这似乎没有记录。

Answer 2

如果我正确理解这份 API 文档：https://developer.chrome.com/apps/offline_storage ...

然后它说应用程序缓存是临时存储的一部分，您不能要求更多space并且您最多可以获得池的 20%。

navigator.webkitTemporaryStorage.queryUsageAndQuota ( 
    function(usedBytes, grantedBytes) {  
        console.log('we are using ', usedBytes, ' of ', grantedBytes, 'bytes');
    }, 
    function(e) { console.log('Error', e);  }
);

这个函数告诉我我有 100MB 的授权 space。所以我假设我的应用程序有 20MB？我怎么知道每个单独的文件可以有多少？

我不知道上面 post 中提到的限制，他们似乎引用了一个旧答案。

Get error: Application Cache Error event: Resource fetch failed (2) myvideo3.mp4

Get error: Application Cache Error event: Resource fetch failed (2) myvideo3.mp4

html

google-chrome

offline-caching

google-chrome-devtools

html5-appcache