使用HTML5创建了一个离线应用的简单例子,就是要本地缓存主页和图片,让用户在离线状态下也可以访问,代码如下:
HTML代码:
<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0>" />
<title>使用HTML5创建一个移动html页面</title>
</head>
<body>
<header>
<nav><ul><li>前言</li><li>目录</li><li>附录</li></ul></nav>
</header>
<section>
<article>WEB技术的发展</article>
<article>HTML5技术的发展</article>
</section>
<img src="/a.jpg" />
</body>
</html>
MANIFEST代码:
CACHE MANIFEST
/index2.html
/a.jpg问题是:在Mac OSX上的safari上可以实现离线,但是在iphone的safari上却不行,因为iphone上一旦关闭网络,刷新safari时就显示“safari无法打开网页,因为您的iphone尚未接入互联网”