在 iPhone 和黑莓上运行网站 [关闭]答案

【问题标题】：Run website on iPhone and Blackberry [closed]在 iPhone 和黑莓上运行网站 [关闭]
【发布时间】：2011-05-30 03:40:50
【问题描述】：

我的朋友有一个购买和销售产品的网站，该网站运行良好，但他希望能够从 Blackberry 和 iPhone 访问他的网站。他不是移动应用程序开发人员。如果有人知道最简单和最快的方法，我们将不胜感激。

【问题讨论】：

【解决方案1】：

基本上，您需要做几件事。首先，由于屏幕尺寸不同，您可能希望独立定位每个平台。其次，您需要格式化您的网站以在小屏幕格式下工作。第三，您将要考虑如何旋转屏幕。最后，您要注意确保不包含任何无法在移动浏览器（Flash 等）上呈现的内容

您对此的细致程度取决于您希望获得的体验有多好。例如，您可以格式化您的控件等，使其更像您定位的设备的本机控件。 iPhone 按钮、文本框等具有特定外观，您可以为 iPhone 特定站点模仿这些外观。黑莓也是如此。但是，如果您首先针对屏幕尺寸和旋转问题并从那里着手处理，那将是最简单的。

以下是针对黑莓设备时如何执行此操作的教程：

这是一个关于如何定位 iPhone 设备的教程：

【讨论】：

【解决方案2】：

这不是很困难；在服务器上，如果您检测到用户代理字符串是电话，则提供针对移动查看优化的网站版本（您还应该提供一个逃生舱口以允许用户在网站的完整版本之间切换和网站的移动版本）。

移动优化意味着您的 CSS 专为手机屏幕大小而设计，您的按钮比普通按钮大，以便用户轻松按下，并且您将内容保持在最小限度以避免过度混乱否则是一个小屏幕。但是，它仍然只是普通的 HTML、CSS、JS。

【讨论】：

【解决方案3】：

我看到了几个选项：

按原样使用网站。 iPhone 有一个 Webkit 浏览器，因此可以很好地呈现现代网站。这是一次很棒的经历吗？不一定如此，但它仍然可以工作。我不知道你的朋友有哪个黑莓手机，这确实会有所作为。较新的模型有一个不错的 Webkit 浏览器，它会做得很好；其他人则使用较旧的浏览器，坦率地说，这很糟糕。
构建一个新的前端，考虑到“移动”。您的所有后端代码都应该相同，但是在考虑“移动”时（尤其是对于较旧的浏览器），您应该考虑使网站尽可能精简和简单。它仍然是 HTML/CSS/Javascript，所以你不需要了解任何关于移动应用程序开发的知识，只需使用相同的 Web 技能来构建一个更简单的网站。
- 如果您总是要以现代 webkit 浏览器为目标，例如在 iPhone 或 Android 和更新的黑莓上，您可以使用许多移动框架来帮助您入门。很多看起来很像本机小部件，尽管感觉并不总是在那里。

【讨论】：