如何將網站轉換爲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