Question

我正在尝试使用html5清单离线存储页面：My html =＆gt;的test.html

<!DOCTYPE html>
<html lang="en" manifest="test.appcache">
<head>
<title>Test</title>
</head>
<body>
Hello
<img src="includes/images/about.png" width="119" height="119">
</body>
</html>

我的清单文件=＆gt;我在Dreamweaver中创建了一个文本文件，然后将文件和扩展名更改为test.appcache =＆gt;

CACHE MANIFEST
CACHE:
test.html
/includes/images/about.png

当iu离线测试页面时，这仍然不起作用...我出错的任何想法？......关于J

Answer 1

你在IE中测试这个吗？ IE不支持HTML5离线功能。

Answer 2

1.Manifest必须使用mime-type＆＃34; text / cache-manifest＆＃34;。所以你要先做的是设置mime-type。

例如，在Apache中，将此行添加到配置文件（.htaccess）：

AddType text / cache-manifest .appcache

2.使用谷歌浏览器测试您的页面。检查清单是否使用chrome的控制台面板或键入＆＃34; chrome：// appcache-internals /＆＃34;在网址栏中

PS。

使用清单的页面如下：

1.首先，您的页面（1.html）已下载并显示

2.更改1.html的内容，更新清单文件，然后刷新浏览器。

3.浏览器首先使用缓存页面显示1.html，然后下载更改的1.html作为新的缓存源，然后替换旧的。（在下载之前，浏览器将检查清单是否更新）

4.此时，浏览器尚未显示＆＃34; 1.html＆＃34; page.so你看到的仍然是旧页面。

5.您再次刷新浏览器。此时，浏览器将使用新的缓存页面显示1.html，然后您将看到更改后的1.html

如何使用清单离线保存html5页面

2 个答案:

使用清单的页面如下：