【问题标题】:Is it possible to make this page an offline web app to the iPhone?是否可以将此页面作为 iPhone 的离线网络应用程序?
【发布时间】:2011-06-02 01:26:27
【问题描述】:

www.mark??z.se/test 删除:??

只有4个文件:

index.html 应用图标.png 启动.PNG SMS_2.jpg

我怎样才能把它变成离线应用,可以吗?

CSS 和所有 JS 都在 html 文件中。

【问题讨论】:

    标签: javascript iphone html web-applications offline


    【解决方案1】:

    UIWebView http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html 能够显示与 javascript 和 css 相关联的 html 内容。我应该可以将您的文件作为应用程序包的一部分包含在内,并让 UIWebView 加载它们。阅读该类参考和示例代码,看看它是否适合您的需求。

    【讨论】:

    • 那我需要做什么?是prgram还是可以做到的东西?你能帮我解决一下吗?
    【解决方案2】:

    在台式电脑中,请确保每个资源都与 html 文件、css 内联、js 内联、通过 url('data:image') 以 css 编码的图像绑定 @见http://en.wikipedia.org/wiki/Data_URI_scheme 并将浏览器关联到 html 文件,双击页面将打开您的页面。 chrome 还有一个“创建应用程序快捷方式”,可以在您的 html5 应用程序周围创建一个更加“本机”的框架。 prism https://wiki.mozilla.org/Prism 与 Mozilla 引擎实现的概念相同。

    在基于 webkit 的移动浏览器中也有类似的方法可以利用,即对于 iPad,您可以在主屏幕中创建看起来与本机应用程序完全相同的快捷方式并访问 5Mb 的文件缓存(http://www.html5rocks .com/tutorials/appcache/beginner/)。

    【讨论】:

    • 缓存清单 index.html appIcon.PNG
    【解决方案3】:

    在此处阅读有关创建离线网络应用程序的信息:

    http://diveintohtml5.ep.io/offline.html

    iPhone Safari 浏览器支持离线网络应用程序。您需要:

    • 修改网页以引用 cache.manifest 文件
    • 创建一个 cache.manifest 文件列出需要下载的资源
    • 配置您的网络服务器以提供具有正确内容类型的 cache.manifest 文件

    我使用此参考(以及其他参考)创建了一个离线 GWT Web 应用程序。 iPhone/Safari 可以使用“添加到主屏幕”为网站“添加书签”,因此它看起来像一个 iphone 原生应用程序。

    祝你好运。

    【讨论】:

    • "配置您的 Web 服务器以提供具有正确内容类型的 cache.manifest 文件" 我该怎么做,因为我在离线页面上下载了一个演示并将所有文件放在我的主机上,但是它仍然不想工作。我该怎么办?
    • @user558773 - 特定于服务器。例如,diveintohtml5.org/offline.html#manifest 说“如果您正在运行基于 Apache 的 Web 服务器,您可能只需在 Web 目录根目录下的 .htaccess 文件中放置一个 AddType 指令......如果您使用不同的 Web 服务器或不同的 Apache 配置,请参阅您的服务器文档以控制 Content-Type 标头。”
    • diveintohtml5 URL 已更改(已镜像)为diveintohtml5.ep.io
    猜你喜欢
    • 2015-05-22
    • 2011-04-30
    • 1970-01-01
    • 2010-09-21
    • 2018-02-15
    • 2011-04-03
    • 2012-08-18
    • 1970-01-01
    • 2015-01-21
    相关资源
    最近更新 更多