将 Web 应用程序转换为 iPhone 应用程序答案

【问题标题】：Convert web application to iPhone application将 Web 应用程序转换为 iPhone 应用程序
【发布时间】：2012-08-09 17:32:33
【问题描述】：

我有一个现有的 Web 应用程序 (PHP/MySQL)，我想将其“包装”到本机 iOS 应用程序中并发布。有什么东西可以轻松做到这一点吗？我花了很多时间试图找到一些东西来做这件事，我认为我在phonegap 中找到了一些有用的东西，但它需要在 Apple 操作系统上使用该应用程序，并且他们的在线版本只需要 HTML。有什么建议吗？

【问题讨论】：

您只能使用 MacOS 创建应用程序..
你想如何包装应用程序？只需制作一个简单的应用程序，当您打开它时就会打开您的网站？
您可以创建一个 iOS 应用程序，只需要一个指向您的 Web 内容的 UIWebView，但 Apple 不允许在 App Store 上这样做。

标签： php iphone ios ipad mobile

【解决方案1】：

对于一个基本的网站，Twitter Bootstrap 就足够了。事实上，Bootstrap 3 的方向是移动优先，使其成为移动网络的更好选择之一。

引导程序：http://getbootstrap.com/2.3.2/

您可以考虑使用 responsive-design Javascript 库，例如 SenchaTouch 或 jQuery Mobile。

SenchaTouch：http://www.sencha.com/products/touch/

jQuery Mobile：http://jquerymobile.com/

它们专为多浏览器查看目的而设计，允许客户通过移动设备在线查看您的内容。

【讨论】：

【解决方案2】：

正如@NSpunk 在 cmets 中所述，您需要在 mac os x 平台上开发原生 iOS 应用程序。据说最简单的方法是使用 UIWebView 类，它允许您将 Web 内容嵌入到本机应用程序中。但正如 cmets 中所指出的，除非您在此 Web 视图中添加功能，否则 Apple 很可能会拒绝将其包含在应用商店中。

http://developer.apple.com/library/ios/#documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

除此之外，您可以使用这样的元标记制作特定于您网站的 iOS 设备的移动版本

<meta name="viewport" content="width=320px" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon-precomposed" href="./apple-touch-icon.png" />

这提供了原生体验，而无需实际通过应用商店。对我来说，如果您只想利用您现有的 php/mysql 知识使您的 Web 应用程序对 iOS 更友好，那么我会采用这种方式。

http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

如果你决定走这条路，我发现这是一个很好的 php 类来检测 iOS 设备。

php MobileDetect

【讨论】：

说得好。正如OP所说“......但它需要在Apple操作系统上使用该应用程序......”，如果你不想为它购买Mac，我建议你制作你的webapp的移动版本。