在iPhone和黑莓手机上运行网站

Question

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

Answer 1

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

你是如何得到这种体验取决于你希望体验到多好。例如，您可以格式化控件等，使其更像是您所定位设备的本机控件。 iPhone按钮，文本框等有特定的外观，您可以模拟iPhone特定的网站。黑莓也是如此。但是，如果您只是首先针对屏幕大小和旋转问题，并从那里着手，那么这将是最简单的。

这里是如何靶向黑莓设备时，做到这一点的教程：

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

我看到一对夫妇选择：

• 直播与原样的网站。 iPhone有一个Webkit浏览器，因此可以很好地呈现现代网站。这是一次很棒的体验吗？不一定如此，但它仍然有效。我不知道你的朋友是哪个黑莓手机，这确实有所作为。较新的模型有一个体面的Webkit浏览器，它会做的很好;其他人使用旧版浏览器，坦率地说，只是吮吸。
• 建立一个考虑到“移动”的新前端。所有后端代码应该都是相同的，但是在考虑“移动”时（特别是对于旧版浏览器），您应该考虑尽可能简化网站。它仍然是HTML/CSS/Javascript，所以你不需要知道任何有关移动应用程序开发的知识，只需使用相同的Web技能来构建一个更简单的网站。
  • 如果您总是将目标锁定在iPhone，Android或更新的Blackberry等现代webkit浏览器上，那么您可以使用大量移动框架来帮助您入门。很多看起来很像本地小工具，虽然感觉并不总是那里。

Answer 3

它不是非常困难;在服务器上，如果您检测到用户代理字符串是手机，则会提供针对移动设备查看进行了优化的网站版本（您还应该提供一个转义阴影以允许用户在完整版本的网站和网站的移动版本）。

移动设备优化意味着您的CSS设计适用于手机屏幕的大小，您的按钮比正常的大，方便用户按下，而且您可以将事情保持在最低限度以避免过度混乱否则是一个小屏幕。但是，它仍然只是普通的HTML，CSS，JS。