在過(guò)去的兩年里，觸屏設(shè)備飛速增長(zhǎng)。iOS和Android設(shè)備讓開(kāi)發(fā)者和設(shè)計(jì)師開(kāi)始重新思考他們的網(wǎng)頁(yè)應(yīng)用，以提供更好的觸屏體驗(yàn)。

移動(dòng)Web應(yīng)用相對(duì)于本地的App有很多優(yōu)勢(shì)，雖然也有很多設(shè)計(jì)和開(kāi)發(fā)上的挑戰(zhàn)。這里列出了一系列有用的框架來(lái)幫助基于HTML的WebApp開(kāi)發(fā)。他們支持大部分流行的智能手機(jī)和平板。 1.?Lungo.js：HTML5 移動(dòng)開(kāi)發(fā)框架

Lungo.js是第一個(gè)應(yīng)用HTML5和CSS3特性的移動(dòng)開(kāi)發(fā)框架。它可以幫助開(kāi)發(fā)者創(chuàng)建iOS、Android、Blackberry和 WebOS平臺(tái)的應(yīng)用。 Lungo.js不需要任何Web服務(wù)器的支持就能幫助用戶實(shí)現(xiàn)HTML5的功能，例如WebSQL、 Geolocation、History、Device orientation等等。

2.?JO：一個(gè)簡(jiǎn)單的HTML5 App框架

JO可以幫助你創(chuàng)建類似本地應(yīng)用的WebApp。JO是一個(gè)開(kāi)源的免費(fèi)框架，可以和PhoneGap一起使用。

3.?Joshfire：跨設(shè)備的開(kāi)發(fā)框架

Joshfire是一個(gè)開(kāi)源的跨設(shè)備開(kāi)發(fā)框架，幫助開(kāi)發(fā)者創(chuàng)建可以在多種設(shè)備上運(yùn)行的WebApp。它使用HTML5和JavaScript，并且 允許開(kāi)發(fā)者快速整合本地應(yīng)用和特定的Web應(yīng)用。 Joshfire可以讓你的應(yīng)用接受鍵盤(pán)、鼠標(biāo)、觸摸屏、遙控器等設(shè)備的輸入。Joshfire支持Node.JS。

4.?Sencha Touch：基于HTML5的移動(dòng)網(wǎng)頁(yè)開(kāi)發(fā)框架

Sencha touch可以讓開(kāi)發(fā)者創(chuàng)建類似本地應(yīng)用體驗(yàn)的WebApp。Shencha是第一個(gè)使用HTML5、CSS和JavaScript并且支持音頻/視頻、本地存儲(chǔ)、圓角、漸變背景以及陰影的開(kāi)發(fā)框架。 5.?Baker：HTML5 電子書(shū)框架

Baker是用來(lái)在iPad或者iPhone平臺(tái)上發(fā)布交互式的電子書(shū)或者電子雜志的HTML5電子書(shū)框架。

6.?Touchy Boilerplate

Touchy Boilerplate是一個(gè)用來(lái)創(chuàng)建移動(dòng)WebApp，包括HTML模板、Meta tag等的工具。Touchy可以支持動(dòng)態(tài)頁(yè)面導(dǎo)航、固定頁(yè)頭、滾動(dòng)內(nèi)容、瀏覽歷史記錄等功能。Touchy使用jQuery或者Zepto.JS。

7.?Ripple：讓移動(dòng)開(kāi)發(fā)測(cè)試更容易

在不同的平臺(tái)上測(cè)試移動(dòng)應(yīng)用是一件令人頭疼的事情。Ripple可以幫助你在不同的平臺(tái)上測(cè)試并且調(diào)試你的HTML5移動(dòng)應(yīng)用。Ripple是一個(gè)chrome的擴(kuò)展。它可以模擬每個(gè)設(shè)備的詳細(xì)信息，例如user_Agent、Geolocation等等。

8.?RestKit

Restkit是一個(gè)objective-c的開(kāi)發(fā)框架，目的是簡(jiǎn)化并加快與Restful的Web service交互。它提供了一個(gè)簡(jiǎn)潔的HTTP request/response API和一個(gè)強(qiáng)大的對(duì)象映射系統(tǒng)。

9.?HTML5 兼容性表格

Mobile HTML5是一個(gè)表格，顯示了不同設(shè)備/平臺(tái)對(duì)HTML5特性的支持情況。包括Safari、Android、Blackberry、IE、Opera、Firefox、WebOS和Symbian。

10.?MobileESP：檢測(cè)你的移動(dòng)網(wǎng)頁(yè)訪問(wèn)者

轉(zhuǎn)載于:https://www.cnblogs.com/benpao/p/3383274.html

總結(jié)

以上是生活随笔為你收集整理的11个有用的移动网页开发App和HTML5框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。