對(duì)于大部分Web開(kāi)發(fā)人員,HTML、CSS 和 JavaScript 是他們熟練的開(kāi)發(fā)技能。然而,開(kāi)發(fā)一個(gè)原生的移動(dòng)App,對(duì)他們來(lái)說(shuō)卻是完全陌生的領(lǐng)域。因?yàn)殚_(kāi)發(fā)Android,iOS 或 Windows Phone上的原生App,需要掌握完全不同的開(kāi)發(fā)語(yǔ)言( Android使用Java,iOS app使用Objective-C或Swift,而Windows Phone則使用.NET),除此之外,你還需要使用完全不同的開(kāi)發(fā)環(huán)境、IDE,并且掌握不同的開(kāi)發(fā)框架,這些都成了杭州APP開(kāi)發(fā)人員開(kāi)發(fā)移動(dòng)App的巨大障礙。
但隨著技術(shù)的發(fā)展,我們已經(jīng)看到許多基于Web技術(shù)的移動(dòng)開(kāi)發(fā)框架,現(xiàn)在你只需要牢固掌握HTML、CSS和Java技術(shù)就可以開(kāi)發(fā)出一個(gè)移動(dòng)App來(lái)。通過(guò)像PhoneGap這樣的編譯工具能夠?qū)⒛汩_(kāi)發(fā)的Web應(yīng)用轉(zhuǎn)換為不同平臺(tái)上的app,從而帶來(lái)了極大的便攜性。
這里,來(lái)自技匠推薦優(yōu)質(zhì)秀的幾個(gè)跨平臺(tái)app開(kāi)發(fā)工具。如果你已經(jīng)準(zhǔn)備好做出下一個(gè)10億級(jí)的app,那么就來(lái)看看下面的推薦吧!

 跨平臺(tái)app開(kāi)發(fā)框架(一)：jQuery Mobile
jQuery Mobile是一個(gè)非常健壯的跨平臺(tái)app開(kāi)發(fā)框架。它能夠支持很多不同的平臺(tái),包括桌面應(yīng)用、智能手機(jī)、平板、以及電子閱讀器 如 Nook 或 Kindle。與它的同胞 jQuery UI 類似,jQuery Mobile也包含了一組UI組件,開(kāi)發(fā)人員可以非常方便地使用它們來(lái)開(kāi)發(fā)UI界面。而且,這些UI組件都已經(jīng)為移動(dòng)端進(jìn)行了優(yōu)化,能夠?yàn)閼?yīng)用提供更好的性能。
 特點(diǎn)：一般簡(jiǎn)單性
　　此框架簡(jiǎn)單易用。頁(yè)面開(kāi)發(fā)主要使用標(biāo)記，無(wú)需或僅需很少 JavaScript。
　　優(yōu)雅降級(jí)
　　盡管 jQuery Mobile 利用較新的 HTML5、CSS3 和 JavaScript，但并非所有移動(dòng)設(shè)備都提供這樣的支持。jQuery Mobile 的哲學(xué)是同時(shí)支持高端和低端設(shè)備，比如那些沒(méi)有 JavaScript 支持的設(shè)備，盡量提供較好的體驗(yàn)。
　　Accessibility
　　jQuery Mobile 在設(shè)計(jì)時(shí)考慮了訪問(wèn)能力，它擁有 Accessible Rich Internet Applications (WAI-ARIA) 支持，以幫助使用輔助技術(shù)的殘障人士訪問(wèn) web 頁(yè)面。
　　小規(guī)模
　　jQuery Mobile 框架的整體大小比較小，JavaScript 庫(kù) 12KB，CSS 6KB，還包括一些圖標(biāo)。
　　主題設(shè)置
　　此框架還提供一個(gè)主題系統(tǒng)，允許您提供自己的應(yīng)用程序樣式。
　　跨平臺(tái)app開(kāi)發(fā)框架(二)：Cordova/PhoneGap
　　Cordova是貢獻(xiàn)給Apache后的開(kāi)源項(xiàng)目，是從PhoneGap中抽出的核心代碼，是驅(qū)動(dòng)PhoneGap的核心引擎。Cordova提供了一組設(shè)施相關(guān)的API，通過(guò)這組API，移動(dòng)應(yīng)用能夠以JavaScript訪問(wèn)原生的設(shè)施功能，如攝像頭、麥克風(fēng)等。Cordova還提供了一組統(tǒng)一的JavaScript類庫(kù)，以及為這些類庫(kù)所用的設(shè)施相關(guān)的原生后端代碼。Cordova支持如下移動(dòng)操作系統(tǒng)：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
　　優(yōu)點(diǎn)：
　　開(kāi)源免費(fèi)，社區(qū)生態(tài)成熟，插件豐富、支持離線場(chǎng)景應(yīng)用、開(kāi)發(fā)工具選擇空間大
　　缺點(diǎn):只提供基礎(chǔ)訪問(wèn)設(shè)施的接口，需要自己搭配其余UI框架和JavaScript框架來(lái)搭配
　　跨平臺(tái)app開(kāi)發(fā)框架(三).SenchaTouch
　　Sencha Touch 是一個(gè)基于HTML5和CSS3的移動(dòng)開(kāi)發(fā)框架。同時(shí)它提供了一組能夠支持不同移動(dòng)平臺(tái)的組件以及動(dòng)效特性。Sencha Touch支持Cordova和PhoneGap.你能將你的應(yīng)用編譯成支持不同平臺(tái)的app。除此之外,Sencha Touch還提供了一組主題,可以應(yīng)用到iOS、Android、Blackberry、Windows Phone、Tizen 等平臺(tái)中,讓用戶感覺(jué)它很像原生app.
　　跨平臺(tái)app開(kāi)發(fā)框架(四)：Ionic
　　ionic 是一個(gè)專注于用WEB開(kāi)發(fā)技術(shù)，基于HTML5創(chuàng)立相似于手機(jī)平臺(tái)原生應(yīng)用的一個(gè)開(kāi)發(fā)框架。綁定AngularJS和Sass。這個(gè)框架的目的是從web的角度開(kāi)發(fā)手機(jī)應(yīng)用，基于PhoneGap的編譯平臺(tái)，可以實(shí)現(xiàn)編譯成各個(gè)平臺(tái)的應(yīng)用程序。ionic的開(kāi)發(fā)增加android和ios環(huán)境。ionic提供很多css組件和javascript UI庫(kù)。ionic可以支持定制android和ios的插件，也支持服務(wù)端REST的敏捷開(kāi)發(fā)。
　　優(yōu)點(diǎn)：基于 Cordova、漂亮的界面，追求性能，專注原生，免費(fèi)開(kāi)源、Angular JS MVVM 開(kāi)發(fā)理念，數(shù)據(jù)雙向綁定、繼承自 Cordova，可以使用 Cordova 的插件
　　缺點(diǎn)：Angular JS 學(xué)習(xí)路線陡峭、Ionic 框架相比于原生的 Cordova 有所差異，Cordova 某些官方插件可能不適用于Ionic
  跨平臺(tái)APP開(kāi)發(fā)框架(五) - MUI
 mui是接近原生App體驗(yàn)的前端框架，可多端發(fā)布到Appstore、Android市場(chǎng)、瀏覽器、微信公眾號(hào)、百度直達(dá)號(hào)及流應(yīng)用。真正實(shí)現(xiàn)多端發(fā)布 – 開(kāi)發(fā)一套代碼，發(fā)布六個(gè)平臺(tái)。本教程將詳細(xì)講解MUI的方方面面。
 以上就是跨平臺(tái)app開(kāi)發(fā)框架、跨平臺(tái)app開(kāi)發(fā)工具全文，希望對(duì)大家有所幫助！