如何设置在iOS中的Safari中运行的Web应用程序的离线清单?

时间:2012-06-12 22:55:21

标签: web-applications safari ios

我目前正在尝试为我的网络应用设置offline.manifest文件,以便在iOS设备上离线使用。出于测试目的,我有一个非常简单的HTML页面,我正在尝试添加到主屏幕。我正在iPhone 4上进行测试,但在将页面添加到主屏幕并将iPhone置于飞行模式并尝试启动我的网络应用程序后,我收到此错误:

  

“关闭飞行模式或使用Wi-Fi访问数据”

然后如果我点击OK我得到:

  

“无法打开Web App名称”“无法打开Web App名称,因为   它没有连接到互联网“

以下内容添加到HTML文件中:

<!DOCTYPE html>
<html lang="en" manifest="scrts/offline.manifest">

并且offline.manifest由此组成:

CACHE MANIFEST

../pics/bkgnd_iphn_settings.png
../pics/mbl_btn_fb.png
../pics/mbl_btn_twt.png
../pics/icon_57_57_bg.png
../pics/icon_72_72_bg.png
../pics/icon_114_114_bg.png
../pics/icon_144_144_bg.png
../pics/splash_320_460_bg.png
../pics/splash_768_1004_bg.png
../pics/splash_1004_768_bg.png

我从here

获得了关于撰写的所有说明

我还调整了.htaccess文件来添加这一行:

AddType text/cache-manifest .manifest

知道我做得不对吗?

1 个答案:

答案 0 :(得分:1)

This tutorial非常好,如果您的网页是动态生成的,您可以使用.htaccess将domain.com/script.html重写为domain.com/script.php,然后从您的应用中调用*.html 。这样,设备上的内容将保存为html,并且可以静态传送。您还可以向清单文件添加后备网址/文件,如果您的内容默认是动态的,这可能很有用。