2010-07-19 55 views
3

我正在考慮創建一個AJAX和JQuery功能豐富的移動網站。因此,從手機中,用戶可以體驗諸如以下功能:拖放,「加載...」圖像,淡入淡出的對話框,投影對話框,動態調整對話框的大小等等...創建AJAX Rich Mobile Site?

當移動網站首次加載時,它可能會加載一個500kb的index.html頁面,並提供必要的CSS和jquery文件。但是從那時開始,任何號召行爲都會異步加載html內容(也就是說,當用戶點擊「查看下10個搜索結果」等鏈接時,只有搜索結果DIV容器會在AJAX調用後重新繪製)這樣可以最大限度地減少數據傳輸。

我的目標是創建,提供了一個豐富的用戶界面,同時滿足以下條件的應用程序:

1)響應

2)限制的數據傳輸

3)的量,以爲廣大的智能手機用戶提供服務,而無需使用N個不同的框架進行開發:iPhone的目標C,黑莓的Java,?對於android,? for windows mobile

我提到的AJAX豐富的移動網站方法是否符合我的要求?

回答

2

可能的電話,你會限制自己的iPhone /安卓/ PalmOS的用戶。所有其他平臺(RIM,WinMob,Symbian)目前都存在問題,因爲JavaScript支持不夠完整,或者默認情況下未打開。他們會很快趕上,但你仍然會有很多人使用這些操作系統的舊版本(他們不會像iPhone/Android那樣自動更新)。如果您對這個受衆有限,請看http://jqtouch.com/

此外,我第二次評論琥珀 - 您如何在手機上設計用戶界面與您在桌面上設計用戶界面的方式非常不同。我不知道你的網絡應用是關於什麼的,但總的來說,你可以在桌面上創建&消費在移動設備上(與明顯的例外,如Twitter的& Facebook)。儘可能多地考慮用戶在移動設備上訪問您的應用並將用戶界面優化爲單點觸摸事件的環境。如果您的應用使用用戶生成的內容 - 請查看最佳Twitter應用程序並比較用戶如何在這些應用程序中生成與桌面IU相比的內容。

它很好地推動了在移動設備上可以完成的工作的範圍,只需要小心,最終創建的內容可以達到足夠廣泛的目標並適合目的。祝你好運!

1

你應該能夠通過AJAX實現你的目標。

但作爲一個移動用戶,請不要費心......

  • 「對話框,在淡入淡出」
  • 「陰影對話框」
  • 「對話框的動態調整大小盒子「

...因爲從功能的角度來看,它們完全沒有必要,而且他們所做的只是減慢/崩潰移動應用程序。

拖放也是在移動設備上經常笨拙的東西;但是您的判斷是否對您的應用有用。

0

恕我直言,以達到儘可能多的,因爲你需要儘量少如果你走這路AJAX使用盡可能的JavaScript

0

你在移動設備上使用JavaScript所遇到的問題是它不一致。有點像IE瀏覽器比火狐瀏覽器缺少分號碼更挑剔一點,但有數千次。

你可以使用jqtouch之類的JavaScript庫(這很棒),但這依賴於jquery,這在手機上可能會有問題。

在手機上寫AJAX很棒,我剛剛做了一些很棒的位置查找工具,用於瀏覽器中具有GPS功能的任何東西,它會自動更新當前位置。

但在我看來,它從第一原則(的getElementById等所有的)寫的真的很重要,所以你知道它會沒事的,你必須提供一個回落,如果JavaScript被禁用,或不存在。

0

小心拖放。大部分觸摸都會顯示拖動滾動頁面的動作。我遇到過幾次。

一些ajax/jquery功能在移動環境中很不錯,但你必須小心!

2

jQuery Mobile現在處於alpha狀態。支持一噸的移動瀏覽器:http://jquerymobile.com/gbs/

http://jquerymobile.com/

+0

我現在開始用這個框架來工作,它沒有完全準備好黃金時間,但它很容易得到一個移動網站啓動和運行。而手機瀏覽器的支持是一個巨大的節省時間。 – Chaddeus 2010-10-19 23:15:50

+0

我剛剛聽說,jQuery手機團隊正在拍攝1月份發佈v1 – 2010-11-10 18:33:25