Question

我有一个chrome webstore应用程序，我正在使用appcache从缓存中加载资源。我已经在使用localStorage离线提供数据了。

使应用程序脱机工作的问题是，如果我重新加载页面（离线时），浏览器会检查清单，因为它无法访问清单uri，我在控制台中收到错误。而已。在这一点上没有任何事情发生。该页面不会呈现任何内容。

我不确定是否有解决方法（阻止浏览器在页面重新加载时检查清单）。无论如何，我想知道 - 这是让您的资产缓存并可离线使用的唯一方法。数据不是问题;但如果没有资产（主要是JS），事情就不会发生变化。

如果有人可以建议/指出我正确的方向/方法，即使在页面重新加载/刷新时拥有一个功能齐全的离线应用程序，也会很高兴。

Answer 1

清单缓存文件需要可供您的离线网页使用，以使此功能正常运行。当你说应用程序无法访问清单URI时，这是否意味着它是服务器上的绝对URI或什么？如果是这样，那将无效。

我在制作中有一些离线应用，我总是将缓存清单放在应用的根目录中，在我的网页中引用它：

<!DOCTYPE html> 
  <html manifest="./cache-manifest.manifest">
    <head>

缓存有效，应用程序脱机，页面刷新不是问题。如果要检查缓存是否正常工作，本文中的代码非常有用：