>

移动Web应用有很多优势澳门博发娱乐官网:,而

- 编辑:澳门博发娱乐官网 -

移动Web应用有很多优势澳门博发娱乐官网:,而

11个移动应用开发的HTML5框架和应用

2011/11/14 · HTML5 · 来源: skytechgeek     · HTML5

在过去的两年里,触屏设备飞速增长。iOS 和 Android 设备让开发者和设计师开始重新思考他们的Web应用,以提供更好的触屏体验。

相对于本地应用,移动Web应用有很多优势,但也有很多设计和开发上的挑战。这里列出了一系列有用的框架来帮助基于 HTML 的 Web应用开发。它们支持大部分流行的智能手机和平板电脑。

1. Lungo.js:HTML5 移动开发框架

澳门博发娱乐官网 1

Lungo.js 是第一个应用 HTML5 和 CSS3 特性的移动开发框架。它可以帮助开发者创建 iOS,Android,Blackberry 和 WebOS 平台的应用。

Lungo.js 不需要任何 web 服务器的支持就能帮助用户实现 HTML5 的功能,例如 WebSQL, Geolocation,History,Device orientation 等等。

2. JO:一个简单的 HTML5 App 框架

澳门博发娱乐官网 2

JO 可以帮助你创建类似本地应用的 Web App。JO 是一个开源的免费框架,可以和 PhoneGap 一起使用。

3. Joshfire:跨设备的开发框架

澳门博发娱乐官网 3

Joshfire 是一个开源的跨设备开发框架,帮助开发者创建可以在多种设备上运行的 web app。它使用 HTML5 和 JavaScript,并且允许开发者快速整合本地应用和特定的 web 应用。

Joshfire 可以让你的应用接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire 支持 Node.JS。

4. Sencha Touch:基于 HTML5 的移动网页开发框架

澳门博发娱乐官网 4

Sencha touch 可以让开发者创建类似本地应用体验的 web app。Shencha 是第一个使用 HTML5,CSS 和 JavaScript 并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。

5. Baker:HTML5 电子书框架

澳门博发娱乐官网 5

Baker 是用来在 iPad 或者 iPhone 平台上发布交互式的电子书或者电子杂志的 HTML5 电子书框架。.

6. Touchy Boilerplate

澳门博发娱乐官网 6

Touchy Boilerplate 是一个用来创建移动 web app,包括 HTML 模板,Meta tag 等的工具。Touchy 可以支持动态页面导航,固定页头,滚动内容,浏览历史记录等功能。Touchy 使用 jQuery 或者 Zepto.JS。

7. Ripple:让移动开发测试更容易

澳门博发娱乐官网 7

在不同的平台上测试移动应用是一件令人头疼的事情。Ripple 可以帮助你在不同的平台商测试并且调试你的 HTML5 移动应用。Ripple 是一个 chrome 的扩展。它可以模拟每个设备的详细信息,例如 user_Agent,Geolocation 等等。

8. RestKit

澳门博发娱乐官网 8

Restkit 是一个 objective-c的开发框架,目的是简化并加快与 Restful 的 web service 交互。它提供了一个简洁的 HTTP request/response API 和一个强大的对象映射系统。

9. HTML5 兼容性表格

澳门博发娱乐官网 9

Mobile HTML5 是一个表格,显示了不同设备/平台对 HTML5 特性的支持情况。包括 Safari, Android, Blackberry, IE,Opera,Firefox,webOS 和 Symbian。

10. MobileESP:检测你的移动网页访问者

澳门博发娱乐官网 10

MobileESP 项目提供了一套简单、轻量级的 API 让网站的开发者检测访客是不是使用移动设备,或者使用的是哪种移动设备。

11.Tiggr

澳门博发娱乐官网 11

Tiggr 是一个移动一个用创建工具,可以让你快速创建移动应用。你不需要写代码就能创建丰富的移动应用。

英文原文:

 

赞 2 收藏 评论

澳门博发娱乐官网 12

    16、Titanium

这里,技匠为你推荐它们中最优秀的10个移动开发框架。如果你已经准备好做出下一个10亿级的app,那么就来看看下面的推荐吧!

    jQTouch 是一个 jQuery 的插件,主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。

10. Famo.us

Famo.us提供了一个强有力的JavaScript框架和大量的开发者工具,这些框架和工具被用来构建功能丰富、反应快速的Web应用程序。Famo为开发者提供视觉、布局、框架、用户界面、和用户体验的部件、主题、字体、和Java语言插件等功能,使网页开发者能进行多种设备应用的开发。其创造出来的动效和画面看上去非常轻快、自然。此外,框架所具备的最大优势在于能够严格维护模块化以保持画面动作的灵活性。最后,配合量身定制的服务端技术,开发者就能创建出高质量的App来。


稀土掘金联合编辑:技匠,以上内容欢迎大家分享到朋友圈/微博等。如需转载,请通过我的微信公众号联系。谢谢大家!

    1、jQuery Mobile

9. Jo

Jo这个框架可用于开发支持HTML5的移动设备应用,如iOS,webOS, Android和Chrome OS等平台。它拥有标准,类原生的UI元素比如用于屏幕登录的Web表单控件,还有弹出小部件可用于在用户点击界面时提供一些额外的信息。


    有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。

8. Junior

Junior和jQT一样,也是一个Zepto插件,但Junior依赖一些其他的第三方库来提供额外的功能,比如Backbone.js,Flickable.js和Ratchet。


转自:

5. Ionic

如果你对app的性能很关注的话,Ionic会是一个合适的框架。Ionic是一个基于HTML5的app开发框架,它不需要任何第三方JavaScript库,他能与Angular.js组合在一起使用,开发出高性能、交互型的app。和Ratchet类似,Ionic也自带了一组优秀的font图标——Ionicons和可复用的HTML Classes来构建移动应用UI。


    Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。

7. jQT

jQT的前身是就Qtouch,是一个很酷且高性能的Zepto/jQuery插件用来开发移动Web应用。它主要是为开发基于WebKit浏览器的应用而设计的。jQT非常容易被定制和扩展,它自带了一套UI主题,你可以通过修改Sass/Compass来对界面进行定制,你也可以使用CSS3的特性来渲染很酷的3D动画。


    Lungo.js 是一个采用HTML5, CSS3 和JavaScript技术实现的移动Web应用程序开发框架。利用这框架开发的应用程序可运行所有流行的平台包括:iOS, Android, Blackberry 和 WebOs。它还支持触摸事件如:tap, double-tap和swipe。整个框架没有用到任何图片包括图标,所有都矢量化。可以在这个框架中使用HTML5拥有的一些特性如:WebSQL, 地理位置定位,历史或设备方向等。Lungo.js是一个模块化并且完全可定制的框架。

1. jQuery Mobile

jQuery Mobile是一个非常健壮的跨平台app开发框架。它能够支持很多不同的平台,包括桌面应用、智能手机、平板、以及电子阅读器 如 Nook 或 Kindle。与它的同胞 jQuery UI 类似,jQuery Mobile也包含了一组UI组件,开发人员可以非常方便地使用它们来开发UI界面。而且,这些UI组件都已经为移动端进行了优化,能够为应用提供更好的性能。


22、ChocolateChip-UI 

4. Ratchet

Ratchet最早是Twitter内部用于制作移动app原型的工具,后来Twitter将它开源并发布出来。Ratchet自带了一组用户界面组件和JavaScript插件,可以用来创建一些简单的移动app。在2.0版本中,Ratche还自带了两套适用于iOS和Andriod平台的UI主题。


    jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

3. Sencha Touch

Sencha Touch 是一个基于HTML5和CSS3的移动开发框架。同时它提供了一组能够支持不同移动平台的组件以及动效特性。Sencha Touch支持Cordova和PhoneGap.你能将你的应用编译成支持不同平台的app。除此之外,Sencha Touch还提供了一组主题,可以应用到iOS、Android、Blackberry、Windows Phone、Tizen 等平台中,让用户感觉它很像原生app.


    

6. Lungo

Lungo是一个基于HTML5和CSS3的轻量级移动开发框架。它的默认样式非常漂亮,你可以直接使用在你的app中。除了包含一组UI组件之外,Lungo还提供了很多JavaScript API,你可以利用这些接口来控制你的app。Lungo支持下面这些平台:iOS,Android,Blackberry和Firefox OS。


    5、The M Project

2. Cordova / PhoneGap

PhoneGap是基于Cordova的。Cordova/PhoneGap提供了一组JavaScript API,能够连接设备的底层功能,比如摄像、定位、通讯录、指南针等等。Cordova/PhoneGap使我们不需要使用任何原生程序语言,而直接利用像jQuery Mobile这样的开发框架进行移动应用的开发。最后,通过调用它的SDK将你的应用编译为不同平台上的app。这些平台包括 iOS,Android,Windows Phone,Blackberry和Web OS。


    7、Wijmo

但随着技术的发展,我们已经看到许多基于Web技术的移动开发框架,现在你只需要牢固掌握HTML、CSS和JavaScript技术就可以开发出一个移动App来。通过像PhoneGap这样的编译工具能够将你开发的Web应用转换为不同平台上的app,从而带来了极大的便携性。

ChocolateChip-UI 是一个手机移动 Web 开发框架,采用 HTML5, WAML, CSS 和 JavaScript等技术实现。基于 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.

对于大部分Web开发人员,HTMLCSSJavaScript 是他们最熟练的开发技能。然而,开发一个原生的移动App,对他们来说却是完全陌生的领域。因为开发Android,iOS 或 Windows Phone上的原生App,需要掌握完全不同的开发语言( Android使用Java,iOS app使用Objective-C或Swift,而Windows Phone则使用.NET),除此之外,你还需要使用完全不同的开发环境、IDE,并且掌握不同的开发框架,这些都成了Web开发人员开发移动App的巨大障碍。

    17、Lungo.js

    Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序。Shencha是第一个使用HTML5,CSS和JavaScript并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。

这是一个用于构建基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技术。该框架由支持在标准 xap 格式中嵌入 html 应用的控件。

    11、Touchy™ Boilerplate

    8、960 Grid on jQuery-Mobile

    Baker是用来在iPad或者iPhone平台上发布交互式的电子书或者电子杂志的HTML5电子书框架。

本文由胜博发-前端发布,转载请注明来源:移动Web应用有很多优势澳门博发娱乐官网:,而