适用于iOS的套餐网络应用 - 全屏iframe?

时间:2012-05-31 17:01:56

标签: php ios ajax web-applications cordova

我们已经构建了一个在线网络应用程序,现在可以将其打包为ipad&苹果手机。理想情况下,我们需要的是一个全屏浏览器窗口,如iframe,它将从Web加载完整的应用程序。显然我们可以在浏览器中完成它,但我们需要桌面上自己的启动图标以及删除浏览器地址栏。 我听说过phoneGap& Appcelerator,但我不确定使用这些平台是否可以进行此设置?

有没有一种简单的方法可以实现这一目标?

我需要注意iOS上是否存在任何问题或安全问题?

2 个答案:

答案 0 :(得分:10)

很多网络应用程序都在应用程序商店中。他们只是将一个UIWebView放在一个空的应用程序中,并将其指向Web应用程序。一切都会像在Safari中一样运行,但是没有工具栏等。这将要求你拥有Xcode和开发者程序的成员资格。

如果您不想通过应用程序商店,您仍然可以设置您的应用程序,以便将其保存到您的设备,它将像本机一样运行。以下是一个示例的链接:

http://sixrevisions.com/web-development/html5-iphone-app/

所以你必须决定哪一个最适合你。

使用UIWebView的原生iOS应用

  • 在应用商店中曝光
  • 如果您需要
  • ,可以将您的应用与原生iOS UI元素相结合
  • 使用加速度计,蓝牙,游戏中心和其他原生应用功能的可能性

“离线”HTML5应用

  • 不需要会员资格或Xcode
  • 完全控制您的应用(无需管理)
  • 轻松适应在其他设备上工作
  • 如果你卖东西,你不必支付30%的折扣

在许多情况下,一旦应用程序在设备上,每个选项的用户体验都是相同的。权衡选项并找出最适合您的选项。

使用UIWebView设置原生iOS应用的说明

  1. 打开Xcode并选择文件>新>项目...
  2. 输入产品名称并选择设备系列。选中“使用自动引用计数”并取消选中“使用故事板”和“包含单元测试”
  3. 选择放置项目的位置
  4. 打开ViewController.m并将以下代码插入viewDidLoad[super viewDidLoad]正上方的UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.frame]; NSString *urlAddress = @"http://www.google.com"; NSURL *url = [NSURL URLWithString:urlAddress]; NSURLRequest *request = [NSURLRequest requestWithURL:url]; [webView loadRequest:request]; [self.view addSubview:webView];
  5. 将网址“http://www.google.com”更改为您的网络应用的地址。
  6. {{1}}

答案 1 :(得分:2)

您可以要求用户使用this之类的内容将网站添加到主屏幕。

如果他们这样做了,你可以使用 <meta name="apple-mobile-web-app-capable" content="yes" />删除标准的Safari用户界面,它不会显示标准的Safari用户界面。

要指定主屏幕的图标,请使用<link rel="apple-touch-icon" href="/custom_icon.png"/>

您可以在iOS上查找有关网络应用的更多信息here,包括如何设置多个图标大小以及如何设置启动图像。