`

11个有用的移动网页开发App和HTML5框架 (转载)

阅读更多

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

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

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

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

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

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

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

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

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

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

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

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

5.Baker:HTML5电子书框架

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

6.Touchy Boilerplate

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

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

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

8.RestKit

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

9.HTML5兼容性表格

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

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

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

11. Tiggr

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

原文出处:skytechgeek

译文出处:开源中国

分享到:
评论

相关推荐

    11个有用的移动网页开发App和HTML5框架.docx

    以下是一些有用的移动网页开发App和HTML5框架,它们可以帮助开发者克服设计和开发上的挑战。 1. Lungo.js:这个框架是基于HTML5和CSS3的,适用于iOS、Android、Blackberry和WebOS平台。它无需Web服务器支持,便能...

    11个有用的移动网页开发App和HTML5框架.pdf

    在本文中,我们将探讨11个有用的移动网页开发App和HTML5框架,这些工具极大地简化了开发过程,并确保了跨平台的兼容性和性能。 首先,Lungo.js是一个基于HTML5和CSS3的移动开发框架,它支持iOS、Android、...

    移动跨平台APP开发框架比较

    React Native 是一个移动跨平台APP开发框架,优点是能够在 Javascript 和 React 的基础上获得完全一致的开发体验,构建世界一流的原生APP,仅需学习一次,编写任何平台,Flexbox 布局据说比 native 的自适应布局更加...

    基于 HTML5 移动 Web App 开发.pdf

    HTML5是互联网核心技术之一,它自20世纪90年代诞生以来,经过多次迭代,目前的HTML5版本已经成为Web应用程序开发的重要工具,特别是在移动Web App开发领域。HTML5的主要特征包括语义化的结构化标签、离线存储功能、...

    混合移动APP跨平台混合开发综述.pdf

    Cordova框架是一个开源的移动应用开发框架,可以使用Web技术来开发跨平台的APP。Cordova框架提供了一个统一的API,允许开发者使用JavaScript、HTML和CSS来开发APP。Cordova框架可以在多种移动操作系统上运行,包括...

    _基于MUI的跨平台移动App开发研究——以“网页设计App”为例.pdf

    【描述】:本文探讨了如何使用MUI框架和HTML5跨平台技术开发一款名为“网页设计App”的移动应用,旨在服务于技工院校的计算机专业学生,让他们能够随时随地进行网页设计学习。 【标签】:网页设计资料 【正文】: ...

    基于HTML5的移动Web App开发研究.pdf

    总结,HTML5为移动Web App的开发带来了革命性的变化,使得开发者可以构建出与原生App相似甚至超越的功能体验,同时降低了开发和维护的复杂度。随着技术的进步,未来移动Web App将在更多领域得到广泛的应用。

    基于uni-app框架的校园极简生活跨平台移动应用的设计与实现.pdf

    uni-app框架是一种跨平台移动应用开发框架,可以发布到多个平台,包括Android、IOS、H5以及微信小程序、百度小程序、头条小程序、支付宝小程序等。uni-app框架具有学习成本低、上手速度快、跨平台能力强、生态繁荣等...

    H5web app移动开发

    4. WeX5移动开发:WeX5是一款基于HTML5的开源移动开发框架,旨在简化H5 Web App的开发过程。它提供了丰富的组件库、数据绑定、事件处理、路由管理等功能,同时支持自定义扩展,可以快速构建出功能齐全的移动应用。在...

    应用HTML5_开发手机APP

    PhoneGap是HTML5开发APP的一个重要工具,它是一个开源框架,允许开发者使用Web技术创建原生移动应用。PhoneGap提供了封装机制,将HTML、CSS和JavaScript代码转化为可以在多个平台上运行的原生应用,包括iOS、Android...

    医疗app的代码开发框架

    首先,一个医疗app的开发框架应具备良好的可扩展性和可维护性,以便适应不断变化的医疗需求和技术环境。"框架"一词通常指的是为软件开发提供基础结构的工具,它能帮助开发者遵循一定的规范,快速构建应用。例如,...

    基于HTML5 web技术APP快速开发研究——以移动办公APP软件开发为蓝本.pdf

    综上所述,HTML5 Web技术在移动办公APP开发中展现出巨大的潜力和优势,不仅降低了开发成本,提高了开发效率,还提供了丰富的用户体验。随着技术的不断进步和标准的完善,HTML5将成为未来移动应用开发的重要基石,...

    基于html5+mui+hbuilder的移动app.zip

    标题"基于html5+mui+hbuilder的移动app.zip"表明这是一个关于使用HTML5技术,配合MUI框架,并利用HBuilder集成开发环境来创建移动应用的项目。HTML5的引入,主要是为了提高网页的交互性、可访问性和离线存储能力,...

    移动APP前端框架

    移动APP前端框架是开发现代移动应用的关键组成部分,它允许开发者使用HTML5、CSS3和JavaScript等Web技术构建原生般体验的应用程序。这些框架优化了跨平台开发,减少了为iOS、Android或其他操作系统编写单独代码的...

    HTML5移动开发源码+书籍

    HTML5移动开发是现代网页和应用开发的关键技术,它极大地扩展了传统HTML的功能,使得开发者可以构建出更强大、更具交互性的移动应用。本资源包括"HTML5移动开发源码"和一本名为"HTML5移动Web开发实战"的书籍,旨在...

    移动开发app

    根据给定的信息,“移动开发APP”主要涵盖了三种类型的技术:原生开发技术(Native app)、网页开发技术(Web app)以及混合开发技术(Hybrid app)。本文将详细介绍这三种技术的特点、优缺点,并进行一定的对比分析...

Global site tag (gtag.js) - Google Analytics