HTML5简化移动应用开发过程

许多企业开始使用HTML5移动应用开发来简化应用的实现,降低成本和复杂性。

在合适的情况下,HTML5应用为企业提供了一个简单的替代原生应用开发的选择,特别是随着越来越多的HTML5开发框架的出现。任何需要跨多个平台实现移动应用的企业都至少应该考虑HTML5。

当然,HTML5应用也并非没有挑战。它们带来性能和安全问题,还有访问数据和本地应用程序编程接口(APIs)的问题。

HTML5应用相较原生应用,用户体验相对糟糕。

什么是HTML5应用?

HTML5应用只需要编写一次,就可以在任何地方运行的移动应用开发。它们是网页的集成,为移动设备而优化,为视频流和音频数据带来先进的功能,处理图形和动画,并提供离线支持。它们还添加语义元素,表单控件和多媒体组件,以及一些新的API,可以支持定位服务,拖放操作,本地应用缓存和更多功能。

HTML5很少单独工作。大多数HTML5应用与层叠样式表(CSS)相集成,它定义HTML组件在浏览器和JavaScript中如何渲染,包括处理文本,对象和数组的API。所有主要浏览器都支持这些技术,从而能够在很多设备内实现基于web的应用。

HTML5移动应用开发流程

HTML5移动应用开发框架工具包含开发人员可以在HTML中嵌入的CSS库和JavaScript文件。框架可以处理在构建HTML5应用中,出现的许多问题。

例如,一个良好的框架可以处理和回收文档对象模型(DOM)元素来帮助提高性能。框架也更容易实现依赖于JavaScript的行为,如屏幕转换或滚动列表。作为新手,很容易创建HTML5应用,因为开发的很多细微之处已经包含在内。

所有框架都是不一样的,IT管理员必须在做出决定前,先进行研究。每个框架都有其限制和问题,经常会让应用变得更加复杂。

设备和浏览器的微小区别的确会影响应用在不同环境中的运行。因此,开发人员有时会根据最基本标准构建应用,以确保他们在所有环境中都能运行,但是这可能会影响用户体验(UX)。尽管存在潜在问题,通过适当的培训和拥有相关经验的开发人员,应该能够开发安全的,高性能的,基于web的应用。

构建HTML5应用要点

内存和性能限制是HTML5移动应用开发的关键因素。开发人员不但要小心控制页面流量,并且控制如何实现DOM。对象模型越复杂,打开网页所需的时间越长。

最重要的是,开发人员必须考虑用户体验。为确保用户体验质量,HTML5移动应用应该是轻薄的,这样性能并不落后。此外,管理员应该在各种平台上测试应用,在不同的设备类型,屏幕尺寸,浏览器和操作系统上的表现。大多数应用需要支持离线操作,以应对连接中断。

HTML5应用 VS. 原生应用

与HTML5应用不同,原生应用是基于应用运行平台的原生语言。原生应用的挑战在于——每个平台都需要自己的应用,而一些平台需要不同版本的应用来支持该平台上不同的设备。

HTML5与平台无关。只要用户通过支持各语言功能的浏览器访问应用,应用在任何平台都一样运行。此外,管理员只有一个代码库用于维护,一个语言包用于部署HTML5。他们可以在必要时提供漏洞修复和更新,甚至不需要像原生应用那样分发,就可以与用户进行实时测试。

尽管HTML5已经取得了很大的进步,但它不能实现所有原生功能,比如多点触控手势,和与内置设备组件无缝集成,比如GPS。原生应用性能表现更出色,因为它们是机器代码的一部分。HTML5应用如果没有精心设计,加载时间将很漫长。

此外,HTML5应用和任何Web应用面临同样的风险。开发人员必须防范网络攻击,不当的API使用,通过Wi-Fi,蓝牙或文本消息访问设备的恶意代码。

HTML5和原生应用混合

混合移动应用是一个在原生容器内运行的HTML5应用。应用使用设备的浏览器渲染本地托管HTML页面,同时连接到设备拥有和原生应用一样的功能。混合应用可以访问日历和联系人,以及跨平台使用同一个代码库。

事实上,混合应用可以实现原生应用的所有功能,包括支持离线操作和多点触控手势。混合应用甚至可以模拟原生应用的外观和感觉。然而,混合应用仍不能像原生应用一样运行,因为额外的抽象层。

PhoneGap平台的出现,可以实现混合移动应用。使用HTML,CSS和JavaScript开发移动应用,同时跨平台实现混合应用的各类细节。

本文转自d1net(转载)

时间: 2024-09-17 05:28:29

HTML5简化移动应用开发过程的相关文章

为什么Facebook要将视频从Flash全面迁移到HTML5?

英文原文:Why we chose to move to HTML5 video 编者按:Facebook 前端高级工程师 Daniel Baulig 解释了 Facebook 为什么要将视频全面迁移到 HTML5,包括这样做的好处,带来的挑战和解决办法. 最近,我们将 Facebook 网络中的所有视频全部从 Adobe Flash 迁移到了 HTML5.我们将继续与 Adobe 合作,为我们平台上的游戏提供一个可靠.安全的 Flash 体验,但我们会在所有的浏览器中默认使用 HTML5 技术

使用Cypal Studio for GWT简化Ajax开发

Cypal Studio 和 GWT GWT 是一组可以让 Java 程序员使用纯 Java 编程语言编写动态 Ajax Web 应用程序而无需使用 JavaScript 的工具.GWT 应用程序可以在所有主流浏览器中运行,允许与用户进行充分的交互,并且可以在 Java 开发环境内进行全面的测试和调试. GWT 框架有四个主要组件.一组用 Java 语言实现的部件集合,用于提供所有的标准用户界面 (UI) 功能 -- 通常由比 Swing 更简单的应用程序编程接口 (API) 提供这些功能.一个

HTML5和以前HTML4的区别整理

HTML5是HTML标准的下一个版本.虽然HTML5没有完全颠覆HTML4,但是它们也有一些不同.最新 最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/,貌似略多的样子.在 这个IE还仍然存在的世界里,HTML5的差别先掌握一些即可,等全部支持后再细细研究也不迟. 1. 简化的语法 HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了.HTML 5 指定 UTF-8

HTML5 学习总结(一)——HTML5概要与新增标签

一.HTML5概要 1.0.写在最前面 1.0.1.行业前景 https://www.lagou.com/ http://www.51job.com/ 1.0.2.课程中用到的开发工具 HBuilder.IntelliJ IDEA.MySQL.NodeJS.Spring MVC.PHP.Photoshop HBuilder:www.dcloud.com,其它(webstorm,sublime...) MySQL:http://www.cnblogs.com/best/p/6517755.html

WEBJX收集分享6款实用jQuery小插件及源码

文章简介:jQuery是一款最流行的JS开源框架,凭借其小巧实用占领了很大的开发市场,jQuery另外一个优势就是拥有丰富多彩的插件,这些插件可以帮助你简化很多的开发过程.下面介绍的6款实用jQuery小插件及源码,希望大家喜欢. jQuery是一款最流行的JS开源框架,凭借其小巧实用占领了很大的开发市场,jQuery另外一个优势就是拥有丰富多彩的插件,这些插件可以帮助你简化很多的开发过程.下面介绍的6款实用jQuery小插件及源码,希望大家喜欢. 1.jQuery智能单词提示工具 这是一款可以

JSP开发工具的选择

js JSP引擎搭建起来后就可以着手使用开发工具进行JSP的编程了,现下流行的JSP开发工具主要有IBM VisualAge,JBuilder,NetBeans,JRun,Urledit,dreamweaver,editplus等,这里我们主要介绍IBM VisualAge,JBuilder, Jrun三种工具的一些基本情况,大家可以参照其各自的特点,结合自身开发环境进行开发工具的选择. IBM VisualAge for Java IBM的Web开发产品可谓同类之中的庞然大物:体积庞大,功能众

如何使用 velocity 模板引擎开发网站

模板 开发网站-velocity模板引擎">基于 Java 的网站开发,很多人都采用 JSP 作为前端网页制作的技术,尤其在是国内.这种技术通常有一些问题,我试想一下我们是怎样开发网站的,通常有几种方法: 1:功能确定后,由美工设计网页的UI(界面)部分,然后由程序员在其上加入代码显示逻辑(比如循环,判断显示数据结果).也就是通常的 jsp 页面制作,当然这部分可以由美工完成模板,然后由 jsp 工程师再继续以它为原型创建相应的 jsp 页面. 2:功能确定后,由美工设计网页的UI(界面)

用Apache Velocity模板引擎速造网站

apache|模板 基于Java的网站开发,很多人都采用JSP作为前端网页制作的技术,尤其是在国内.这种技术通常会存在一些问题,可以通过简单地分析网站开发过程来看看这些问题.通常网站开发采用以下两种方式: ◆ 网站功能确定后,由美工设计网页的UI(界面)部分,然后由程序员在其上加入代码显示逻辑(比如循环.判断显示数据结果).这就是通常的JSP页面制作,当然这部分可以由美工完成模板,然后由JSP工程师以它为原型创建相应的JSP页面. ◆ 网站功能确定后,由美工设计网页的UI(界面)部分,然后由网页

创建移动Web应用程序

介绍 现今移动设备已成为我们生活中的一部分,我们当中的许多人已离不开它们.当这些移动设备连接到Internet时,移动设备的力量将无穷无尽.我们可以在任何时间地点给用户发送数据.典型的移动应用程序是在服务器上使用WML, WMLScript和WBMP开发的. 对于动态WML应用程序,开发者可以使用ASP, JSP, PHP等等.移动设备包括蜂窝电话.寻呼机.掌中浏览器.袖珍PC和车载PC.这些设备中少数支持WML,少数支持HTML,更少数支持同时支持WML和HTML.如果你想确保你的应用程序能在