Ⅰ 移動web和webapp有什麼區別
一、地位不同
web屬於一種技術，而webapp則是根據這一技術開發成的應用，web是源頭，而webapp則是支流。
二、功能不同
web app特指的是用html5技術開發，之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗，可以和系統深度融合，調用一些只有客戶端才能調用的功能（比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能）。
三、功能不同
移動Web App跨平台開發，用戶不需要去賣場來下載安裝App，任何時候都可以發布App，因為根本不需要官方賣場的審核。web直接下載到設備，以獨立的應用程序運行(並不需要瀏覽器)，用戶必須手動去下載並安裝這些原生App。
四、版本控制的區別
移動Web App，所有的用戶都是用同樣的版本。web用戶可以自由地選擇是否更新軟體版本，所以會出現不同用戶同時使用不同版本的情況。
Ⅱ 移動端Web和Webapp有什麼區別
web是一個站點的總稱，任何站點都可以稱之為web。
webAPP就是web應用，一個具有完備實現某一個功能的程序，都可以稱之為應用。比如一個看小說的閱讀器，一個播放器等等。webAPP就是這類的應用是基於瀏覽器運行的。
webAPP都是web，web不一定都是APP。
大約就是這樣。
從開發的角度來看，並沒有區別，都是開發～只是技術選型不同罷了。
Ⅲ asp.net開發的移動Web應用程序是WAp應用程序嗎
不全是，wap應用程序還包括JAVA平台的。
Ⅳ 移動APP與web APP的區別，能詳解下嗎
開發方面的區別
移動Web App
1、因為運行在移動設備的瀏覽器上，所以只需要一個開發項目
2、這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成(PHP,Ruby on Rails,Python)
3、這里可沒有標準的SDK，基本任意選擇別忘了有一些跨平台的開發工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App
1、每一種移動操作系統都需要獨立的開發項目
2、每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等
3、需要使用各自的軟體開發包，開發工具以及各自的控制項
能力方面的區別
移動Web App，只能使用有限的移動硬體設備功能。原生App，能夠與移動硬體設備的底層功能，比如個人信息，攝像頭以及重力加速器等等
獲取方法的區別
移動Web App
1、從移動設備上的瀏覽器訪問
2、不需要安裝額外的軟體
3、軟體更新只需要伺服器就夠了
4、因為現在沒有什麼商品或賣場提供這種App，所以如何搜索這些移動Web App相當不簡單
原生App
1、直接下載到設備
2、以獨立的應用程序運行(並不需要瀏覽器)
3、用戶必須手動去下載並安裝這些原生App
4、有一些商店與賣場來幫助用戶尋找你的App，目前app市場不計其數，比較
版本控制的區別
移動Web App，所有的用戶都是用同樣的版本。原生App，用戶可以自由地選擇是否更新軟體版本，所以會出現不同用戶同時使用不同版本的情況
原生App的優勢:
1、比移動Web App運行快
2、一些商店與賣場會幫助用戶尋找原生App
3、官方賣場的應用審核流程會保證讓用戶得到高質量以及安全的App
4、官方會發布很多開發工具或者人工支持來幫助你的開發
移動Web App
1、跨平台開發，用戶不需要去賣場來下載安裝App
2、任何時候都可以發布App，因為根本不需要官方賣場的審核
原生APP的特點：
1、每次獲取最新的APP功能，需要升級APP應用;
2、原生型APP應用的安裝包相對較大，包含UI元素、數據內容、邏輯框架;
3、手機用戶無法上網也可訪問APP應用中以前下載的數據。
4、原生型的APP可以調用手機終端的硬體設備(語音、攝像頭、簡訊、GPS、藍牙、重力感應等)
5、APP應用更新新功能，涉及到每次要向各個應用商店進行提交審核。
App測試方面
不管是移動web App還是原生App，都是需要在移動終端上運行的，那麼對移動終端的兼容性配適的需求就是一樣的。基本上線前，都需要進行app兼容性測試，app功能測試等，確保產品質量和用戶體驗。
testbird
Ⅳ 如何用html5構建移動端的webapp
H5e教育html5開發為您解答：
移動web在當今的發展速度是一日千里，作為移動領域的門外漢，在這段時間的接觸後，發現前端開發這一塊做一個小小的總結。
1.四大瀏覽器內核
1.Trident (IE瀏覽器) :因為在早期IE佔有大量的市場份額，所以以前有很多網頁是根據這個Trident的標准來編寫的，但是實際上這個內核對真正的網頁標准支持不是很好，同時存在許多安全Bug。
2.Gecko:( FireFox )優點就是功能強大、豐富，可以支持很多復雜網頁效果和瀏覽器擴展介面，缺點是消耗很多的資源，比如內存。
3.Webkit: ( Chrome/ Safari / UC )優點就是Webkit擁有清晰的源碼結構、極快的渲染速度，缺點是對網頁代碼的兼容性較低，會使一些編寫不標準的網頁無法正確顯示。
4.Presto: ( 歐朋 ) Presto內核被稱為公認的瀏覽網頁速度最快的內核，同時也是處理JS腳本最兼容的內核，能在Windows、Mac及Linux操作系統下完美運行。
移動端開發主要對象是手持設備，其中絕大部分是IOS和Android系統，基於Webkit內核，可使用Chrome瀏覽器調試即可。
2.手機瀏覽器
瀏覽器已經逐漸從傳統桌面轉向手機端，競爭也越來越激烈。目前國內市場主流的手機瀏覽器：UC、網路、歐朋、QQ、海豚、safari、Chrome，這些瀏覽器都是基於webkit內核的，兼容性方面不存在問題，同時對html5和css3的支持很好，所以，大膽地應用html5和css3技術吧。
在開始編寫webapp時，前端工程師使用HTML5，而放棄HTML4，因為HTML5可以實現一些HTML4中無法實現的豐富的WEB應用程序 的體驗，可以減少開發者很多的工作量，當然了你決定使用HTML5前，一定要對此非常熟悉，要知道HTML5的新標簽的作用。比如定義一塊內容或文章區域 可使用section標簽，定義導航條或選項卡可以直接使用nav標簽等等。
3.終端解析度
手機解析度比PC解析度要龐雜得多，各種解析度有木有？大小差距那麼大有木有？這在一定程度上給頁面製作帶來了不小的麻煩。所以針對這樣的因素，必須有充分的考慮。考慮到瀏覽器自適應，需要設計和製作完成各種不同的方法。
1) 市場上主流手機生產商的產品解析度。經過調研發現，目前主流的手機解析度為：480*800像素、320*480像素，而1280*720像素（720P）會是接下來的趨勢。這些都是很粗略的統計，要有精確的數據需要花費不少的精力，那是數據分析人員的工作。
2) 項目目標群所持設備的解析度。項目目標群即用戶，用戶擁有什麼樣的手機解析度，從一定程度上來說比第一點來得更加重要，它決定著項目開發的方向。
4.響應式web開發
在編寫CSS時，我不建議前端工程師把容器（不管是外層容器還是內層）的寬度定死。為達到適配各種手持設備，我建議前端工程師使用自適應布局模式（支付 寶 採用了自適應布局模式），因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能夠正常的顯示，你無需再次考慮設備的解析度。
響應式web開發不是一項開創性的技術變革，簡單地說，響應式web設計採用了媒體查詢、流式布局、液態圖片三項技術，把它們組合在一起來製作頁面，使得頁面不只在傳統桌面，在平板電腦和手機上，各種不同的解析度都能夠完美顯示。而要做到這點，我覺得不難，請繼續往下：
1) 准備工作：
a) 插件安裝：window resize。您可以通過下載安裝谷歌瀏覽器插件，安裝成功後，當您調整瀏覽器窗口時，在瀏覽器右下角會有灰度提示當前窗口和類似於手機視圖的大小提示。
b) 編輯器安裝：Hbulder或Webstorm
c) 弄清視圖和屏幕的區別。視圖是瀏覽器的內容顯示區域，屏幕是設備的物理顯示區域。比如視圖寬度我們一般用width表示，而屏幕寬度是用device-width來表示。相信做過手機頁面的童鞋都經常見過這段代碼：
<meta name="viewport" content="width=device-width,initial-scale=1.0">
其中width=device-width就是說把頁面寬度設置成和屏幕寬度一樣。
d) 響應式設計創意網站收集 。這里有很多響應式Web設計的網站，供您參考和學習。
2) 征途ING：
e) 響應式web設計之媒體查詢：
為了減少http請求，我想在css樣式表裡進行媒體查詢會是個不錯的選擇，而不是在頁面head部分使用link進行載入。樣式表裡的媒體查詢格式為：
@media screen and (max-width:960px){}
大括弧內部書寫樣式。該語句相當於判斷語句，有兩個條件，一個是視口寬度最大不超過960px，screen代表顯示屏，這兩個條件都具備了，就調用大括弧內的樣式。
f) 響應式web設計之流式布局：
流式布局以百分比進行布局。最重要是時刻關注元素的父級層，所有的元素都是以父級層為基準。流式布局的應用是為了和媒體查詢完美地結合，形成平滑的布局變 化跳轉效果。一般而言，media里的樣式多以width、padding、margin、font-size、line-height這些為主。
g) 響應式web設計之液態圖片：
要實現液態圖片，只需加入如下代碼：img{max-width:100%;}
web移動頭部書寫
1、首先我們來看看webkit內核中的一些私有的meta標簽，這些meta標簽在開發webapp時起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
這個meta標簽表示：強制讓文檔的寬度與設備的寬度保持1:1，並且文檔最大的寬度比例是1.0，且不允許用戶點擊屏幕放大瀏覽；
<meta content="yes」 name=" apple-mobile-web-app-capable" />
meta標簽是iphone設備中的safari私有meta標簽，它表示：允許全屏模式瀏覽；
<meta content="black" name=" apple-mobile-web-app-status-bar-style" />
meta標簽也是iphone的私有標簽，它指定的iphone中safari頂端的狀態條的樣式；
<meta content="telephone=no" name="format-detection" />
meta標簽表示：告訴設備忽略將頁面中的數字識別為電話號碼
Ⅵ 到底什麼情況該選擇開發移動Web應用
移動web也是唯一一個可供開發者發布移動應用的平台。它將各種移動交互與桌面任務有效地連接了起來。移動web平台具有以下一些優點：容易學習，開發成本低、標准化、使用方便、易於發布。我將這些優點歸結為無處不在原則：通常開發簡單而且市場廣泛的東西往往能夠取得成功。「高 質量」也是成功的關鍵因素之一，而這一點移動web這些年還沒能做得很好。移動web在許多方面還存在一些困難，如解決設備的多樣性就是提升移動web質 量的一個重大挑戰。但是，移動web遇到的困難遠沒有移動應用s遭遇的挑戰來得復雜。另外，這些挑戰將在這幾年的時間里得到有效的解決。眾所周知，我是移動web的擁護者；然而，我也是第一個承認移動應用重要性的人。開發移動應用可以充分利用設備的特性，而這一點往往是web瀏覽器做不到的，所以對一個產品本身而言，移動應用是最佳的選擇。下面幾節將討論一下移動應用的一些主要功能。什麼時候應該開發一個移動應用為應用收費沒有任何地方規定開發者不能對一個移動web應用收取使用費，但是由於某些原因，人們常常認為不能或是不應該對一個移動web應用收取費用。由於歷史原因，導致移動設備上付費服務遭遇兩大阻力：付款方式在移動設備上輸入信用卡號相當麻煩，而且在許多老式設備上也沒有安全保障。一種典型的方式是，如果你需要對你的應用收費，你可以與運營商達成協議，讓運營商代為為你的服務收費。這也意味著，你需要和多個運營商達成合作。這通常是首選的方法，因為許多手機用戶可能根本就沒有信用卡，比如青少年。另一種方法是將用戶的信用卡信息保存在一個安全的網站上。用戶可以通過登錄到該網站購買應用服務。這個過程不算特別理想，因為這意味著用戶不能直接通過他們的移動設備購買服務了。強制分成移動運營商是會提成的。app無論是通過運營商還是通過移動設備發布，他們都為應用提供了一套收費機制。這些運營商和移動設備將會提取部分收益，然後將剩餘的部分交給應用開發商，這也意味著，開發人員必須遵守他們的市場規則。適應運營商的市場規則通常是非常困難的，需要投入大量的人力資源。相比而言，移動設備的市場規則則簡單許多，但是也存在不少的困難。妨礙運營商和移動設備開發商利益的應用以及服務都將受到阻擾。過去，那些不靠運營商和移動設備開發商運作的網站如果收入過於顯眼的話，都逃脫不了被關閉的命運，但是最近，這樣的事情鮮少發生了。如果你想為你的移動應用收費，那麼你就必須接受這個現實——你必須遵守別人的市場規則，還得放棄部分收益。開發游戲如果你是想開發一個移動游戲（移動游戲是移動市場上最大的一塊），那麼你需要開發一個移動應用。游戲對資源的佔用很大，並且需要使用許多設備API或平台API。雖然，現在有幾款完全使用web技術開發的游戲佔有了一定的市場份額，但是和移動應用市場的佔有情況相比，還是微不足道的。游戲用戶對應用的視覺和操作效果要求很高。移動web雖然提供了一些模擬體驗，但還遠遠不能滿足用戶的需求。在開發移動游戲時，你需要慎重考慮你的應用需要支持哪些平台。幸運的是，現在有許多工具能夠幫助你將你的游戲推向多個平台，但是完成這些工作，還是需要花費大量的人力和物力。使用定位功能下一個功能就是定位功能，可以通過GPS或者是信號檢測確定用戶當前的位置信息。以前只能通過移動應用的APIs查看用戶的位置信息，但現在大多數主流移動瀏覽器上都嵌入了W3C Geolocation API。像iPhone或Android這樣安裝了WebKit的設備，或是配置了Opera或Mozilla瀏覽器的設備，都可以獲取用戶的位置信息。我相信定位功能會為Web技術帶來許多全新的應用。如果能夠合理利用web瀏覽器，web開發商就能使用用戶的位置信息和其他內容開發出更加有趣的應用。雖然這在技術上沒有太大的困難，但卻受到隱私保護條例的限制。我們將web瀏覽器當做是用戶進入World Wide Web的入口。加入定位功能，意味著在網站中引入了一些敏感信息，這有可能導致嚴重的後果。但是位置感知應用中顯示的位置信息必須經過用戶的授權，用戶當然有權禁止應用發布自己的位置信息。使用攝像頭攝像頭可以為你的應用提供豐富的可能性。以往移動MMS（Multimedia Messaging Service）被用於處理移動照片。換言之，你拍了一張照片後，需要使用MMS將它傳送給一個伺服器，伺服器對照片做出相應的處理，並將處理完成的結果通知給你。這個過程是非常耗時的，而且相當復雜，也沒有可靠性保障。通過訪問攝像頭，移動應用開發者能夠簡化拍照的過程。用戶可以直接在客戶端對照片做一些簡單的處理，只有在有需要的時候才將照片上傳給伺服器，而且是通過可靠的HTTP傳輸。W3C正在開發一個訪問攝像頭的API，但現在還沒有將這部分工作正式整合到瀏覽器中。在許多類型的移動apps中，攝像頭是非常有用的，比如快拍應用、短片拍攝應用等等，攝像頭可以用來捕捉許多重要的瞬間。不久的將來，我們可以看到——只要通過攝像頭拍攝某個標識，應用程序就能自動完成對標識上的語言轉換工作——這個技術在日本已經開始流行起來了。使用感應器現在越來越來越多的移動設備上都新增了感應器功能，該裝置可以感知設備的物理速度以及重力，並將感知的數據結果傳送給設備。這個裝置常被用來感應設置是否被翻轉，應用根據接受到的信息自動調節畫面的方向。感應器可以用來幫助用戶提升與設備交互時的真實感；大多數移動設備都是手持的，應用能夠根據設備的方向調整內容畫面，比如翻轉屏幕，或是檢測物理移動，並能據此猜測用戶所處的環境。舉一個簡單的例子：比如用戶正在走路，那麼感應器能夠檢測到一個輕緩的移動或是速度，這時可以為用戶提供一個大字體的用戶界面，從而使得用戶更容易看清屏幕上的內容。然而，開發者也不能過分依賴感應器，因為感應器無法區分究竟哪些交互是有意的，而哪些是沒有意義的。每個移動交互都需要通過「傳輸測試」。設計你的交互時必須考慮用戶在一個擁擠的汽車或是火車上的場景。考慮一下如果用戶正身處擁擠的地鐵或是正在駕車時，你的應用能否正確處理用戶搖晃移動設備的動作。通常，大多數開發者都沒有考慮這些因素。確保為每個任務設計一個備用方案以處理特殊場景中的移動交互。訪問文件系統如果你的應用需要將數據保存在本地，那麼你需要開發一個移動應用。比如你要保存用戶的地址簿、電話或e-mail信息，或是保存從其他設備上獲取的數據。訪問文件系統常常會涉及到安全和用戶隱私保護的問題。惡意應用程序可能會修改或是刪除你的移動設備上的數據。一個攜帶病毒的應用程序可以利用移動設備上的關系網將病毒擴散到許多其他的手機上，在採用移動應用認證機制以前，這種事情是常常發生的。另一方面，移動設備正變得越來越私人化，移動設備上保存了大量用戶的個人信息，以及用戶的朋友信息和商業信息。針對這些私人信息開發應用是一個不錯的想法。但是這也存在一定的風險，使用保存在移動設備上的數據可以為用戶提供更加有針對性的服務。開發者必須謹記，只有在獲得用戶的授權後才能訪問用戶的私人數據。我們看到許多應用在沒有得到用戶授權的情況下使用了大量的用戶私人數據，而被誤認為是垃圾信息或是釣魚應用，即使這些應用原本是在提供一些非常有用的服務。人們對你的應用的誤解將會影響到你的服務的推廣，如果運營商收到過多關於你的應用的投訴，那麼你的服務可能將被終止，甚至會牽連其他的應用。訪問文件系統時至關重要的一點就是在沒有獲得用戶授權的情況下，不要訪問任何用戶的私人數據。而這一點，往往被大多數應用忽略了。W3C正在為移動開發商開發相關的標准API，但目前該工作尚未完成。離線用戶最後一個需要開發移動應用的理由就是，用戶有可能是離線的或者無法接入移動網路。這在城市可能很少發生，即使是在農村，網路的覆蓋也已經逐步普及了。但是短暫的網路連接中斷還是時常發生的，你的應用程序應該考慮如何處理這種情景。想想用戶通常在什麼時候，在哪裡會使用你的app。如果是一個移動游戲，那麼用戶很可能在飛機上使用這個app。跟蹤地圖應用常在偏遠且網路覆蓋不佳的地方使用。移動旅遊向導常在一個國外的網路中訪問，往往需要支付漫遊和國際網路費用。這時，應用程序最好能夠為用戶提供離線服務，保證用戶在不接入網路的情況下，仍然能享受同等的服務。現在支持HTML5的瀏覽器也能實現離線訪問功能，但對用戶來說可能不太明顯。隨著越來越多的瀏覽器都開始支持離線訪問，應用需要明確地告訴用戶網路連接中斷時，他們仍然可以訪問移動web應用。移動應用s常常假設網路連接是可靠的。App通常只考慮了網路狀況良好的情景，想當然地認為網路是封閉的，並且網速足夠快。移動設備從網路良好的環境突然進入一個網路糟糕的環境並不少見。移動應用s應該在網路狀況最差的情況下測試。比如用戶啟動任務時可能還是全信號覆蓋，而在任務結束時可能已經完全沒有網路信號了。用戶在安裝移動應用s時，根本不會考慮是在線訪問還是離線訪問——他們期望的是不管在任何狀況下，移動應用s都能正常工作。而這也是開發者的職責。 什麼時候應該開發一個移動web應用只要你的應用程序不滿足之前提到的移動應用條件之一，那麼你就沒有必要開發一個移動應用，而應該選擇開發一個移動web應用。正如文章之前提到的，我是一個移動應用的擁護者，我認為移動應用有許多優秀的特質，並且具有很大的市場潛力，但是移動 web應用是唯一一個經久不衰的移動內容、服務、應用開發平台。移動應用並不能明顯地為用戶提供更好的服務；它反而會增加項目的成本，減少了應用發布的渠道，增加了App升級的復雜度，削弱了開發者對應用的控制和利潤， 並且可能會給設備帶來麻煩。移動應用可以為開發者帶來短期的效益，但這是有一定風險的，甚至可能會影響到移動市場的可持久發展。移動web應用的優勢在前文中已經提到過了。如果上一節提到的幾點功能是促成你選擇移動應用的唯一原因，那麼如果能夠在移動瀏覽器上屏蔽這些障礙，你是否還會堅持選擇移動應用呢？Palm的webOS已經著手解決了上述的部分問題。他們基於 WebKit構建了一個全移動操作系統，將手機變成了一個web瀏覽器。所謂的 「移動應用s」實際上就是一個移動web應用。PhoneGap也是一個類似的項目，這個開源項目用於幫助開發者在 iPhone、Android以及BlackBerry設備上開發移動應用s，並且能夠模擬設備上的功能（如定位功能和文件系統）供移動web應用調用。這些代碼可以在各個設備的應用商店中發布並且出售，但是他們使用的通用代碼和設計是可以共享的。由於開發的是一個移動web應用，開發者可以為低端的移動瀏覽器開發一個簡化版的應用。只用開發一次，就可以部署在多個平台上了，對於那些有著豐富的移動開發經驗的 程序員來說，一提到「要開發一個功能豐富的應用」時，可能首先想到的就是移動應用。雖然在很多設備上，這一想法仍然適用，但是現在移動web應用上也提供了足夠豐富的功能介面供開發者調用。這使得移動web應用不僅可以像移動應用一樣被設計得功能豐富界面絢麗，而且還能在各個平台上遷移，甚至不用修改一行代碼。現在在移動設備開發中，移動web應用的創新進入了前所未有的高潮時期。但更重要的是，這是有史以來第一次，移動設備開發商決定共同制定一個移動web開發的標准，就像是桌面web上 的標准一樣。不僅如此，那些支持移動web應用創新功能的設備或是支持第三方瀏覽器的移動設備都受到消費者的歡迎。所以與其問自己「我為什麼要開發一個移動web應用？」，還不如直接問自己「我為什麼不開發一個移動web應用呢？」。
Ⅶ web app開發使用哪個框架最好
第一款：Sencha Touch
Sencha Touch 是世界上第一個支持 HTML5 和 CSS3 標準的移動應用框架，你可以使用 HTML5 來編寫音頻和視頻組件，還可以使用 LocalStorage Proxy 來存儲離線數據，同時，大量 CSS3 樣式表為你提供了創建健壯樣式層的可能。
優點
用戶體驗最接近Native App， 具有整體的UI組件、布局解決方案；
統一的編程代碼結構和要求，良好組織的代碼易於維護；
繼承ExtJS 4的應用程序MVC架構；
完善的API文檔，示例；活躍的社區，網上有大量的文檔書籍幫助學習；
缺點
兼容性差，僅支持webkit內核的瀏覽器；
框架比較重量級，學習成本比較高；
商業化使用有版權問題；
第二款：jQuery Mobile
jQuery Mobile 是創建移動 web 應用程序的框架。適用於所有流行的智能手機和平板電腦。使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
優點
跨瀏覽器兼容性最好，幾乎兼容所有的平台和瀏覽器；
入門簡單，語法簡潔，編碼靈活，一些簡單的應用直接用HTML既可實現，無需Javascript；
開源插件與第三方擴展網上資源豐富；
完善的API文檔，示例；活躍的社區，網上有大量的文檔書籍幫助學習；
缺點
jQuery Mobile對代碼沒有特定的要求，後期維護難度較大；
第三款：Zepto
Zepto 就是一個 jQuery 的輕量級替代品，幾乎完全一樣的 API，但是專門為 Mobile 或者 HTML5 瀏覽器設計和優化。
優點
學習成本低，Zepto保持了與jQuery幾乎一樣的功能，使用gzip壓縮只有5-10k；
缺點
Zepto不支持Windows Phone下的IE ；
第四款：Wink Toolkit
優點
Wink的核心庫是輕量級的，支持AMD規范的模塊化載入，功能介面相比Zepto更豐富；
提供很酷的2D、3D效果UI組件；
缺點
組件對 Android的支持程度不好，3D組件無法使用 ；
第五款：Ionic：高級的 HTML5 移動APP（Web App）開發框架
Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動設備的混合APP 開發框架，採用 Sass與AngularJS 開發。目前，Ionic 仍然處於臨測試狀態（ alpha ）。相信未來會成為開發者開發 HTML5 應用的一個不錯的選擇。
第六款：Amaze UI 中國首個開源 HTML5 跨屏前端框架
Amaze UI 是一個移動優先的跨屏前端框架。易學易用。
Ⅷ web端app和手機端app的區別
Native App開發
Native App開發即我們所稱的傳統APP開發模式（原生APP開發模式），該開發針對IOS、Android等不同的手機操作系統要採用不同的語言和框架進行開發，該模式通常是由「雲伺服器數據+APP應用客戶端」兩部份構成，APP應用所有的UI元素、數據內容、邏輯框架均安裝在手機終端上。
Web App開發
Web App開發即是一種框架型APP開發模式（HTML5 APP 框架開發模式），該開發具有跨平台的優勢，該模式通常由「HTML5雲網站+APP應用客戶端」兩部份構成，APP應用客戶端只需安裝應用的框架部份，而應用的數據則是每次打開APP的時候，去雲端取數據呈現給手機用戶。
Web APP應用呈現以下特點：
（1）每次打開APP，都要通過APP框架向雲網站取UI及數據；
（2）手機用戶無法上網則無法訪問APP應用中的數據。
（3）框架型的APP無法調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
（4）框架型APP的訪問速度受手機終端上網的限制，每次使用均會消耗一定的手機上網流量；
（5）框架型APP應用的安裝包小巧，只包含框架文件，而大量的UI元素、數據內容剛存放在雲端；
（6）APP用戶每次都可以訪問到實時的最新的雲端數據；
（7）APP用戶無須頻繁更新APP應用，與雲端實現的是實時數據交互；
適用企業：電子商務、金融、新聞資訊、企業集團需經常更新內容的APP應用。
Native App（原生型APP）應用呈現以下特點：
（1）每次獲取最新的APP功能，需要升級APP應用；
（2）原生型APP應用的安裝包相對較大，包含UI元素、數據內容、邏輯框架；
（3）手機用戶無法上網也可訪問APP應用中以前下載的數據。
（4）原生型的APP可以調用手機終端的硬體設備（語音、攝像頭、簡訊、GPS、藍牙、重力感應等）
（5）APP應用更新新功能，涉及到每次要向各個應用商店進行提交審核。
適用企業：游戲、電子雜志、管理應用、物聯網等無需經常更新程序框架的APP應用。
移動Web無所不在，移動Web是目前唯一的支持各種設備訪問的平台，與桌面Web一樣，移動Web支持各種標準的協議。移動Web也是唯一一個可供開發者發布移動應用的平台，它將各種移動交互與桌面任務有效地連接了起來；而開發Native App可以充分利用設備的特性，而這一點往往是Web瀏覽器做不到的，所以對一個產品本身而言，Native App是最佳的選擇。
Ⅸ WEB移動端開發使用什麼框架比較好
很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多，很多新的技術已經出現，下面再來總結下還有哪些框架是適合面向手機設備的開發的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。
2、jQTouch
jQTouch 是一個 jQuery 的插件，主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
3、DHTMLX Touch
DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。
4、Mobilize.js
Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速，簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站，但對於基於WordPress和Sphinx的網站不需要使用該框架轉換，因為已經有非常多的插件可以使用。
5、The M Project
The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟體架構模式。它還支持離線，所以你的用戶可以在沒有連接網路的情況下繼續操作(當下次有連線的時候，再將數據同步到伺服器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。
6、WebApp.Net
WebApp.Net 提供了很多的 API，因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼，因為已經內置了，另外還有很多其它內置功能，提供了詳細的文檔和應用演示。
7、Wijmo
Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
8、960 Grid on jQuery-Mobile
jquery-mobile-960 是一個用於移動 Web 開發的網格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應用應許在移動終端更加易用。
9、Sencha Touch Framework
Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架，支持最新的 HTML5 和 CSS3 標准，全面兼容 Android 和 Apple iOS 設備，提供了豐富的 WEB UI 組件，可以快速的開發出運行於移動終端的應用程序。Shencha是第一個使用HTML5，CSS和JavaScript並且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發框架。
10、NimbleKit
NimbleKit 是為 iOS 設備構建應用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。
11、Touchy™ Boilerplate
Touchy Boilerplate 是一個用來創建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態頁面導航，固定頁頭，滾動內容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。
12、PhoneGap
PhoneGap是一個用基於HTML，CSS和JavaScript的，創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平台提供的附加軟體，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比為每個平台分別建立應用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平台分別編譯應用程序。
13、joshfire
Joshfire是一個開源的跨設備開發框架，幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript，並且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤，滑鼠，觸摸屏，遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基於HTML5的移動網頁開發框架。
14、 Julia
Julia框架由基本CSS3文件、JS庫和各個平台的運行庫構成。不像PhoneGap，Julia不僅僅包含調用本機代碼的介面層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，非同步資料庫存取介面，HTML選擇符(類jQuery調用介面)，HTML模版(允 許嵌入JS代碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單，是的，你終於可以用HTML5開發一個完整的、跨平台 的、不亞於本機代碼的、易於維護的移動應用了！大幕即將揭曉，讓我們一起進入移動開發的新時代
15、SproutCore HTML5 Application Framework
SproutCore 是一個 HTML5 移動 Web 開發框架，它的目標是在無需瀏覽器插件的情況下，在瀏覽器中位應用程序提供極佳的桌面效果。
16、Titanium
這是一個強大的，健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平台開發原生移動應用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。
17、Lungo.js
Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平台包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設備方向等。Lungo.js是一個模塊化並且完全可定製的框架。
18、xui.js
有時候你可能需要一個超輕量級的框架，只要擁有用於開發標准客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。
19、EmbedJS
EmbedJS是一個用於嵌入式設備的JavaScript框架如：行動電話，TVs、tablets和so forth。EmbedJS強大之處在於，它擁有專門為特定平台和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定製，可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。
20、zepto.js
zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念，能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒並且兼容jQuery。
21、Baker
Baker是用來在iPad或者iPhone平台上發布互動式的電子書或者電子雜志的HTML5電子書框架。
22、ChocolateChip-UI
ChocolateChip-UI 是一個手機移動 Web 開發框架，採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
Magazine Grid 是一個超現代的 CSS 框架，用於 iPad 和 iPhone 手機，使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(<4k)，在移動設備上載入非常快，對老的瀏覽器也支持。
24、Kendo UI
Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標准。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的數據源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控制項。
25、HTML App Host Framework
這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管框架，使用 HTML5 技術。該框架由支持在標准 xap 格式中嵌入 html 應用的控制項。