在iPhone和Blackberry上运行网站

Question

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

Answer 1

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

您对此的精确程度取决于您希望体验的好坏程度。例如，您可以格式化控件等，使其更像是您要定位的设备的本机控件。 iPhone按钮，文本框等具有特定的外观，您可以模仿iPhone特定的网站。黑莓也是如此。但是，如果您只是首先针对屏幕尺寸和旋转问题并从那里开始工作，那将是最简单的。

以下是有关如何在定位Blackberry设备时执行此操作的教程：

http://www.phpexpertsforum.com/how-to-develop-a-blackberry-browser-compatible-website-t569.html

以下是有关如何定位iPhone设备的教程：

http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/

Answer 2

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

移动优化意味着您的CSS专为手机屏幕大小而设计，您拥有比平时更大的按钮，方便用户按下，并且您可以将内容保持在最小程度，以避免过度混乱否则就是一个小屏幕。但是，它仍然只是常规的HTML，CSS，JS。

Answer 3

我看到了几个选项：

• 按原样使用该网站。 iPhone有一个Webkit浏览器，因此可以很好地呈现现代网站。这是一次很棒的经历吗？不一定如此，但它仍然有效。我不知道你的朋友有哪个Blackberry，这确实有所作为。较新的模型有一个不错的Webkit浏览器，它会很好;其他人有旧的浏览器，坦率地说，只是吮吸。
• 构建一个以“移动”为主题的新前端。您的所有后端代码应该是相同的，但在考虑“移动”（特别是对于旧版浏览器）时，您应该考虑使网站尽可能精简。它仍然是所有HTML / CSS / Javascript，因此您不需要了解有关移动应用程序开发的任何信息，只需使用相同的Web技能来构建更简单的站点。
  • 如果您总是要定位像iPhone或Android上的现代webkit浏览器以及更新的Blackberries，您可以使用大量移动框架来帮助您入门。很多看起来很像本机小部件，虽然感觉并不总是那么好。