2010-02-28 94 views
9

我想開始爲我的客戶開發針對移動設備的網站版本,但是,我對選項感到困惑,谷歌搜索也不是很有幫助 - 有太多的選項和意見,我已經閱讀了幾天現在仍然不知道如何開始。移動網站開發 - 如何?

您對此有何看法/經驗?

我的主要觀點:

  • 移動設備支持(在相關的順序排列):iPhone 3G,iPhone 2G,黑莓,Droid的動力手機,其他
  • 電話友好號碼,電話友好的電子郵件
  • 聯繫/註冊表格工作在每個(或最可能的)設備上列出

jQTouch似乎一流(簡單,快速,工作),我不知道它在黑莓/機器人,我不知道不想爲每個移動設備創建6個網絡版本 - 如果考慮到,我開始使用小型網站(6-10頁,1個聯繫表單,3個註冊表單)來進行操作,這樣做的意義不大。

謝謝

回答

2

我2C;我們知道,最好的方法就是我們在網絡上使用的方法;跨瀏覽器開發。

使用(基本)的HTML & css來開始(確保儘可能你會到達儘可能多的手機)&逐漸被更先進的設備增加更多的複雜的東西(JavaScript的&更具體的CSS)增強。

jqtouch(必須與jquery結合,如果我沒有錯的話)是膨脹的,但非常以iphone爲中心(一些漂亮的css-stuff在其他地方不起作用)。一個(略)更多的跨平臺的js框架是the jquery-like xui

一旦你有東西在運行,testing it on mobi.ready可能是一個好主意。

+0

這是偉大的方法),但是,移動版本完全(或至少**很多**)不同的標記,因爲對於移動設備,您只需顯示* some *信息。感謝您的鏈接,難道您不知道移動支持(以及它看起來如何)xhtml標籤的一些不錯的比較? – 2010-02-28 15:45:16

+0

來自quirksmode.org的PKK爲他的網站添加了移動瀏覽器的有趣信息,查看他在http://www.quirksmode.org/webkit.html上的webkit比較表 – futtta 2010-02-28 15:55:35

0

您是否聽說過NetBiscuits?

http://www.netbiscuits.com/

+2

是的,我有(如15秒前...:D),但我看不到我的客戶每個月支付650美元只是爲了他們的網站的網頁版本:] – 2010-02-28 15:42:35

0

請查看由dotMobi運行的mobiforge網站。他們有一個非常強大的工具ready.mobi,您可以使用它來在移動網站上進行健康檢查。結果會提示您需要做些什麼來改進您的網站,因此獲得一個真正優化的網站只是一個測試並記錄這些建議的案例。我現在可以獲得5/5分,因爲它在任何設備上都能很好地工作,包括許多我從未真正測試過的設備。我無法推薦它。

0
  • 移動設備:見QuirksMode.org的圖表,教程等等,讓您的網頁上的多個移動瀏覽器的工作。 (黑莓可能是你名單上最難的)
  • 電話友好鏈接:不知道爲什麼這將是困難的,據我所知,所有的移動瀏覽器/操作系統的支持相同的桌面使用的mailto:協議。大多數手機還支持電話:這樣你就可以有這樣的聯繫:
<a href="tel:555-555-1212">Call Me</a> 

唯一的問題有臺式電腦一般沒有一種方法來處理這個標準儘管能夠與鏈接藍牙手機。 (對於那些在OS開發需求)

  • 聯繫/登記表:同樣,大多數移動瀏覽器支持基本的表單元素開箱即用,這裏的關鍵是更多的用戶體驗。您爲減少數據輸入量所做的任何事情都會導致更多用戶填寫表單。 (記得很長一段時間用戶的會話信息,他們將回到頁面他們完成從他們的母親2個小時的呼叫後)
0

我建議用像zurbbootstrap一個負責任的框架下去。如果你堅持使用框架,你可以在移動瀏覽器中使用該網站的一個代碼庫。