如何将网站转换为iPhone/iPod？

Question

如果客户给你一些网站，然后告诉你将这个设计转换成iPhone兼容和用户友好的网站，那么在转换或优化iPhone时，哪些点需要注意。

Answer 1

看看IUI它的产生与HTML

Answer 2

iPhone类似的UI真正的帮助你基本上有两种选择：

1. 不要优化。适用于iPhone的Safari浏览器非常有能力显示完整的Fletched网站。 （只是不要使用Flash）
2. 重新设计到最大限度，并创建一个固定宽度为320像素的小型网站。

我会选择选项1.作为iPhone的拥有者，当一些网站自动引用“iPhone”版本时，它会让我感到不适。

Answer 3

如果您在iPhone/iTouch上使用浏览器，您可能会对hand held media type感兴趣。您可以使用它来为移动/手持设备指定CSS样式表。

A List Apart有一个不错的tutorial on this，如Coding Horror。

Answer 4

如前所述，iPhone Safari将使网站效果非常好。但是，优化网站或至少为800x600或更高设计的网站在iPhone视口上的320x356上显示效果不佳。很多细节都会丢失，点击链接可能会导致事情发生。

最好的办法是重写时考虑到iPhone视基本的网页，只把基本要素在

的iPhone可以如下检测：

$browser = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); 
if ($browser == true) { echo 'Code You Want To Execute'; } 
else{echo 'just carry on';} 

然后页面需要通过分析用户在较小尺寸设备上浏览时可能想要的网站的基本要素来构建。当然链接回到整个站点。

苹果可能会为此做一些指导，当然eBay已经完成了一些可以通过浏览来看到的工作。在这里很短的空间里，我无法详细了解你如何进行重新设计，但是通过讨论，分析网站使用情况以及与网站用户或所有者交谈。

Answer 5

有一个名为Monomobo的免费应用程序，基本上可以在几分钟内将您的网站转换为iPhone网站。 Here is the link