隨著iphone，ipad等移動(dòng)端設(shè)備的使用人數(shù)增多，開發(fā)一個(gè)webapp網(wǎng)站成為了必要，本文收集了21款針對(duì)開發(fā)者的移動(dòng)開發(fā)框架，基于它們可以快速開發(fā)一個(gè)webapp網(wǎng)頁(yè)或者h(yuǎn)ybridapp混合app，或者一些其他好玩的運(yùn)用。

　　1.Fries

　　Fries是一款穩(wěn)定的HTML-CSS-JS框架，用于在實(shí)際項(xiàng)目和原型設(shè)計(jì)中創(chuàng)造類似于Android的原生UI界面。該框架包含所有的重要組件，比如Form、工具欄、列表、按鈕、下拉列表及標(biāo)簽。它還專門針對(duì)PhoneGap進(jìn)行了優(yōu)化，能容易地轉(zhuǎn)換為本地應(yīng)用。

　　2.Appium

　　Appium是一款開源自動(dòng)化測(cè)試工具。可對(duì)任何語(yǔ)言的iOS應(yīng)用和Android應(yīng)用進(jìn)行測(cè)試，測(cè)試可使用Java、Objective-C、 Java、PHP、Python、Ruby、C#、Clojure、Perl等眾多語(yǔ)言編寫。目前只針對(duì)Mac OS X ，且需要有 Node.js來(lái)支撐。

　　3.Junior

　　Junior為前端框架，用來(lái)構(gòu)建基于HTML5的移動(dòng)Web應(yīng)用，外觀與行為跟本地應(yīng)用相似。它采用針對(duì)移動(dòng)性能優(yōu)化的CSS3轉(zhuǎn)換，支持旋轉(zhuǎn)燈箱效 果，包含多樣的Ratchet UI組件。整個(gè)框架使用Zepto（類似jQuery語(yǔ)法的輕量級(jí)移動(dòng)設(shè)備js類庫(kù)），且整合了backbone.js的 視圖和路由。Junior十分易于使用，且提供詳細(xì)的文檔及案例，便于學(xué)習(xí)。

　　4.Enyo

　　Enyo，為Java開發(fā)框架，最初發(fā)布于HP TouchPad的webOS之上。現(xiàn)在發(fā)布了2.0版本，成為跨平臺(tái)框架，不再只針對(duì) webOS（1.0版本只針webOS）。新版本的Enyo支持桌面與移動(dòng)，可工作于所有主流瀏覽器，擁有豐富的跨平臺(tái)UI組件，以及構(gòu)建應(yīng)用所需的強(qiáng)大 的布局庫(kù)。

　　5.Sidetap

　　Sidetap是一款簡(jiǎn)潔輕量級(jí)的移動(dòng)Web應(yīng)用開發(fā)框架（縮減壓縮后只有2KB）。它專注于提供類似于Facebook移動(dòng)應(yīng)用這樣的側(cè)導(dǎo)航形式。導(dǎo)航部分解決后，利用它創(chuàng)建簡(jiǎn)單的移動(dòng)Web應(yīng)用就變得相當(dāng)簡(jiǎn)單了。

　　6.Mobello

　　Mobello是一個(gè)開源Java UI框架，目的是簡(jiǎn)化移動(dòng)Web應(yīng)用的開發(fā)過(guò)程。利用該框架，可在移動(dòng)端提供與本地應(yīng)用相似的體驗(yàn)。它針 對(duì)觸控事件進(jìn)行了優(yōu)化，并提供20多種廣泛應(yīng)用的UI組件。它還提供了集成開發(fā)環(huán)境Mobello Studio，在其中可利用HTML5、CSS和 Mobello框架開發(fā)移動(dòng)應(yīng)用。

　　7.Moobile

　　Moobile是基于MooTools的移動(dòng)Web應(yīng)用框架，是一個(gè)新項(xiàng)目。它專注于提供類iOS的體驗(yàn)，并對(duì)按鈕、圖片、列表等提供較好的控制。它還支 持各種過(guò)渡樣式，比如淡入淡出、幻燈片等，并可顯示類本地應(yīng)用的提示框（alert）。Moobile所創(chuàng)建的界面更具有彈性，可很好地工作于 iPhone和iPad上。

　　8.SpineMobile

　　Spine Mobile是一個(gè)構(gòu)建在SpineJS之上的Java框架，用于構(gòu)建看起來(lái)外觀像本地應(yīng)用的移動(dòng)Web應(yīng)用。該框架帶有專用控制器、面板布局、硬件加速的轉(zhuǎn)換和觸摸事件。

　　9.Zoey

　　它是一個(gè)采用HTML5-CSS3技術(shù)實(shí)現(xiàn)的框架，用于構(gòu)建移動(dòng)應(yīng)用。它基于Zepto.js構(gòu)建，輕量，壓縮后只有6kb。Zoey擁有的大量UI控 件，比如：導(dǎo)航、列表、按紐、控件分組、表單、表格。這個(gè)框架支持iOS和Android，并自帶一個(gè)覆蓋所有功能的程序骨架。

　　10.iUI

　　iUI為移動(dòng)Web框架。該框架包含Java庫(kù)、CSS和圖片集，用于開發(fā)可觸摸Web應(yīng)用。它所創(chuàng)建的應(yīng)用有著iPhone SDK構(gòu)建的本機(jī)應(yīng)用程序那樣的外觀和感覺，可運(yùn)行于大部分智能手機(jī)和平板電腦上，只要它包含一個(gè)符合標(biāo)準(zhǔn)的Web瀏覽器。

　　11.Lungo.js

　　Lungo.jS是一個(gè)使用HTML5、CSS3和 Java技術(shù)的移動(dòng)Web開發(fā)框架。所創(chuàng)建應(yīng)用可運(yùn)行于所有流行平臺(tái)之上（iOS、 Android、Blackberry和WebOS）。它支持觸控事件，如單擊、雙擊和滑動(dòng)。無(wú)需使用圖片，全部采用向量聲稱。

　　12.WinkToolkit

　　Wink Toolkit為Java框架，用來(lái)創(chuàng)建移動(dòng)Web應(yīng)用。該框架的核心提供了開發(fā)移動(dòng)應(yīng)用應(yīng)具備的所有基礎(chǔ)功能，從觸摸事件處理到DOM操作和CSS轉(zhuǎn)換等。此外，它還提供非常多的UI控件來(lái)幫助改進(jìn)Web應(yīng)用的外觀。

　　13.TheMProject

　　The M Project是一款HTML5 JS框架，可構(gòu)建跨平臺(tái)的移動(dòng)Web應(yīng)用（如OS、Android、Palm webOS、BlackBerry平臺(tái)）。其Java部分采用 jQuery，并包含所有jQuery UI核心文件，如離線支持、國(guó)際化等。The-M-Project并不是獨(dú)立的，它需要引入nodeJS和一個(gè)稱為Espresso!的構(gòu)建工具，該工具可使你更容易地結(jié)構(gòu)化代碼、構(gòu)建并運(yùn)行在內(nèi)嵌服務(wù)器上。

　　14.DHTMLXTouch

　　DHTMLX Touch為Java庫(kù)，基于HTML5，用于創(chuàng)建移動(dòng)Web應(yīng)用。它不只是一組UI小工具，而是一個(gè)完整的框架，可以針對(duì)移 動(dòng)和觸摸設(shè)備創(chuàng)建跨平臺(tái)的Web應(yīng)用。它兼容主流的Web瀏覽器，用它創(chuàng)建的應(yīng)用，可在iPad、iPhone、Android智能手機(jī)等上面流暢運(yùn)行。

　　15.Zepto.js

　　Zepto.js是支持移動(dòng)WebKit瀏覽器的Java框架，具有與jQuery兼容的語(yǔ)法。輕量級(jí)，大小為2-5k的庫(kù)，通過(guò)不錯(cuò)的API處理絕大多數(shù)的基本工作。

　　https://zeptojs.com/

　　16.jQueryMobile

　　jQuery Mobile是jQuery發(fā)布的針對(duì)手機(jī)和平板設(shè)備、經(jīng)過(guò)觸控優(yōu)化的Web框架。它基于jQuery，在不同移動(dòng)設(shè)備平臺(tái)上可提供統(tǒng)一的用戶界面。該框架基于漸近增強(qiáng)技術(shù)，并利用HTML5和CSS3特性。

　　https://jquerymobile.com/

　　17.Jo

　　Jo為基于HTML5的開源移動(dòng)應(yīng)用框架。該框架提供豐富的平臺(tái)支持，包括webOS、iOS、Android、Symbian、Safari、 Chrome甚至是 Mac OS?X Dashboard小部件。Jo也兼容PhoneGap。Jo 的簡(jiǎn)單性和輕量級(jí)與 PhoneGap的強(qiáng)大功能 相結(jié)合，最終將生成一個(gè)有效的工具，可以針對(duì)廣泛的平臺(tái)開發(fā)豐富的移動(dòng)本地應(yīng)用程序。

　　18.SenchaTouch

　　它是一款HTML5移動(dòng)應(yīng)用框架。通過(guò)它可以創(chuàng)建Web應(yīng)用，在外觀和感覺上與Apple iOS 和Google Android本地應(yīng)用十分相像。它利用HTML5發(fā)布音頻/視頻，進(jìn)行本地存儲(chǔ)；利用CSS3提供圓角、背景漸變、陰影等廣泛使用的樣式。

　　www.sencha.com/products/touch/

　　19.MiqieCss

　　密切（Mobile-Internet.css）源自“Mobile Internet CSS”, 是由切圖公司針對(duì)webapp移動(dòng)前端自主開發(fā)的一款html5/css3框架，是國(guó)內(nèi)移動(dòng)前端框架發(fā)起者和領(lǐng)導(dǎo)者，它的目的是減少你的css開發(fā)時(shí)間,它提供一個(gè)包含 有例如列表，滑動(dòng)幻燈片，選項(xiàng)卡，彈窗等常用組件去布局你的項(xiàng)目，通過(guò)重設(shè)和重建瀏覽器標(biāo)準(zhǔn)，可以讓每個(gè)網(wǎng) 站防止枯燥的跨瀏覽器，跨移動(dòng)平臺(tái)的兼容性測(cè)試，基于它可以快速構(gòu)建一個(gè)類似Native App等webapp應(yīng)用，支持跨平臺(tái)移動(dòng)瀏覽器兼容。兼容iphone,ipad等移動(dòng)設(shè)備。

　　https://miqie.qietu.com/

　　WebApp.Net是一款基于Ajax技術(shù)的Java框架，用于構(gòu)建移動(dòng)Web應(yīng)用。它提供了一整套組件（開關(guān)按鈕、單選按鈕組等），可幫助開發(fā)者創(chuàng)建外觀和行為與本地移動(dòng)應(yīng)用十分相似的網(wǎng)站。

　　20.Helios

　　Helios為開源框架，為iOS應(yīng)用提供必要的后臺(tái)服務(wù)，從數(shù)據(jù)同步、推送通知，到應(yīng)用內(nèi)購(gòu)買、passbook繼承。它可幫助開發(fā)人員在數(shù)分鐘的時(shí)間內(nèi)構(gòu)建出一個(gè)包含客戶端和服務(wù)器端的應(yīng)用。

　　21.WebApp.Net

　　WebApp.Net是一款基于Ajax技術(shù)的Java框架，用于構(gòu)建移動(dòng)Web應(yīng)用。它提供了一整套組件（開關(guān)按鈕、單選按鈕組等），可幫助開發(fā)者創(chuàng)建外觀和行為與本地移動(dòng)應(yīng)用十分相似的網(wǎng)站。

　　切圖網(wǎng)常年致力于h5、響應(yīng)式等web前端開發(fā)技術(shù)研究，如果你跟我們一樣關(guān)注web前端開發(fā)技術(shù)，關(guān)注用戶體驗(yàn)，關(guān)注e8云科技、響應(yīng)式技術(shù)，請(qǐng)加我們公眾微信號(hào)一起交流：ie8yun