在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。