HTML5脱机辅助教程,使HTML5应用程序可脱机使用

我正在为客户端开发HTML应用程序。整个应用程序前端由1个HTML文件，1个Javascript文件，1个CSS文件(加上jquery)和一些图片完成。有几个PHP脚本坐在服务器上，使用AJAX调用，但只有在互联网连接可用时。如果没有连接可用，则该站点将使用本地缓存数据(使用localStorage)。使HTML5应用程序可脱机使用

为了使网站可以离线使用，我在我的HTML中声明了缓存清单。我的HTML看起来像这样：

...

的cache.manifest.php的输出是这样的：

CACHE MANIFEST

#VersionHash: 80b9345e6c39efbbe8431e394b014b4f

CACHE:

/css/ebot.css

/favicon.ico

/images/appicon.png

/images/list-arrow.png

/images/list-checkmark.png

/images/woman.png

/index.html

/js/jquery-1.8.3.min.js

/js/ebot.ls.js

NETWORK:

/emaillog.php

/getdata.php

/uploadlog.php

到目前为止好。现在，我通过可用的互联网连接从浏览器访问网站。我收到一条通知，询问是否允许该网站存储信息以供离线使用 - 我允许。当我检查设置时，我发现该网站存储了316K的数据 - 大概是正确的。

现在我关掉互联网连接，并尝试访问http://www.mysite.com/index.html - 并得到一个错误消息说“Internet连接不可用”(或东西的程度)和不显示页面。这发生在我在我的开发机器上测试的3个浏览器(firefox，safari和chrome)以及客户端的ipad上(应用程序最终用于ipad上)。

缺少什么我在这里？我究竟做错了什么？

2012-12-18

Aleks G

+0

没有答案，但你有没有遇到过这篇文章？ http://www.alistapart.com/articles/application-cache-is-a-douchebag/它讨论了使用appcache涉及的许多问题。 –