进行 html5 webapp 缓存时出现问题

Question

我有一个网络应用程序，其域名 http://draft.mo2do.com

当我访问该网址时，它会像下面的 url 一样解析并重定向到相应的站点主页

http://draft.mo2do.com/s/_91665/Home

这里我实现了离线缓存。我的cache.manifest文件如下

   CACHE MANIFEST
   # Offline cache v4.0

   # All other resources (e.g. sites) require the user to be online.  

   NETWORK:

   *

   # Additional resources to cache CACHE:

   # Add the pages in to the cache 

   /s/_91665/Home /s/_91665/CachedDraftBoard

   http://draft.mo2do.com

   # Add the images in to the cache 

   /s/store/-1/webapp/styles/webapp.css

   /s/store/-1/webapp/styles/nba_draft.css

   /s/store/-1/webapp/styles/add2drafthome.css?v2  

   #  Add the js files in to the cache 

   /s/store/-1/webapp/scripts/jquery-1.5.min.js

   /s/store/-1/webapp/scripts/iscroll.js

   /s/store/-1/webapp/scripts/webapp.js

   /s/store/-1/webapp/scripts/nba_draft.js

   /s/store/-1/webapp/scripts/cacheUpdate.js

   /s/store/-1/webapp/scripts/add2drafthome.js?v0.9.4  



   /webapp/icon.png /webapp/startup.png

   /s/store/-1/webapp/nba/addtodrafthome/arrow.png

   /s/store/-1/webapp/nba/addtodrafthome/close-bubble.png

   /s/store/-1/webapp/nba/addtodrafthome/icon.png

   /s/store/-1/webapp/nba/addtodrafthome/plus.png

   /s/store/-1/webapp/nba/addtodrafthome/share.png

   FALLBACK: 

   http://draft.mo2do.com

如果我直接访问站点url，则缓存正在工作，当时我没有在缓存部分提到“http://draft.mo2do.com”。在此期间，离线缓存正在工作美好的。

如果我在浏览器中直接访问域网址“http://draft.mo2do.com”，则不会在离线模式下打开 404。

然后我在缓存部分添加了“http://draft.mo2do.com”，当时我收到异常

应用程序缓存进度事件（3 中的 2）http://draft.mo2do.com/ 应用程序缓存错误事件：资源获取失败 (-1) http://draft.mo2do.com/

如果我也访问该域，它应该以离线模式加载应用程序。如果我访问直接 url 应用程序加载正常。

我该如何解决这个问题？

Answer 1

缓存必须直接引用特定资源，无论是 Javascript、CSS、HTML 页面、图像等等。从上面的内容来看，你已经做到了。然而，简单地在其中放置一个域是行不通的（您还需要引用所有您想要离线的页面，例如/s/_91665/Home需要在那里）。

所以，沿线的某个地方有一个错误，但很难弄清楚你的意思：

如果我在浏览器中直接访问域网址“http://draft.mo2do.com”，则不会在离线模式下打开 404。

你能说得更清楚吗？您的意思是访问该 URL 会导致 404，还是页面本身存在错误？

您确定您的缓存文件按预期运行吗？ 如果您的缓存文件中存在任何错误，您的离线应用程序将无法运行。此页面提供了一些可能有帮助的调试代码：

调试 HTML 5 离线应用程序缓存