为iOS打包web应用程序-全屏iframe？

Question

我们已经建立了一个在线web应用程序，现在想要为ipad和iPhone打包它。理想情况下，我们所需要的是一个全屏浏览器窗口，就像iframe一样，可以从web上加载完整的应用程序。显然，我们可以在浏览器中完成，但我们需要在桌面上使用我们自己的启动图标，以及删除浏览器地址栏。我听说过phoneGap和Appcelerator，但我不确定使用这些平台是否可以进行这种设置？

有没有一种简单的方法来实现这一点？

iOS上有没有我需要注意的问题或安全问题？

Answer 1

app store上有很多web应用程序。他们只是将一个UIWebView放在一个空的应用程序中，并将其指向web应用程序。一切都会像在Safari中一样运行，但将不会有工具栏等。这将需要您有Xcode和开发人员计划的成员资格。

如果你不想浏览应用程序商店，你仍然可以设置你的应用程序，这样你就可以将它保存到你的设备上，它就会像运行在本地一样运行。这里有一个链接，其中有一个例子：

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

所以你必须决定哪一个对你最好。

带有UIWebView的本机iOS应用程序

如果您不喜欢使用加速计、蓝牙、游戏中心和其他原生应用程序功能want

• Possibility

• ，则可以在应用程序商店

• 上使用iOS

将您的应用程序与原生iOS UI元素相结合

“脱机”HTML5应用

• 不支持您的应用程序的会员资格或Xcode required
• Full控制(无适用于其他设备的curation)
• Easily
• 如果您销售

，则无需支付30%的折扣

在许多情况下，一旦应用程序安装在设备上，每个选项的用户体验都是相同的。权衡各种选择，找出最适合你的。

使用UIWebView设置本机iOS应用程序的说明

1. 打开Xcode并选择文件>新建> Project...
2. Enter产品名称，然后选择设备系列。选中"Use Automatic Reference Counting“，取消选中"Use Storyboard”和"Include Unit Tests“
3. 选择项目的放置位置
4. Open ViewController.m，并在viewDidLoad中将以下代码插入到url "http://www.google.com”行的正上方，将其链接到您的web应用程序的地址。

UIWebView *webView = [UIWebView alloc initWithFrame:self.view.frame]；NSString *urlAddress = @"http://www.google.com"；NSURL *url = NSURLRequest :urlAddress；NSURLRequest *request =NSURLRequest requestWithURL:url；webView加载请求:request；self.view addSubview:webView;

Answer 2

您可以要求用户将网站添加到他们的主屏幕，使用类似于this的东西。

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

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

您可以在iOS上查找有关web应用程序的更多信息，包括如何设置多个图标大小和如何设置启动图像。