残酷的移动互联网竞争环境下,HTML5技术一直受到各方关注,“HTML5颠覆原生App”的争论也从未停止过,不管怎样HTML5生态的构建方兴未艾。不过对于移动开发者来说更关心的问题是如何低成本、周期短开发出体验效果好的App,所以当下用HTML5远比赌HTML5更现实。于是,一个一直被提及但是从没有占据过统治地位的概念又一次走进了移动开发者们的视野,那就是跨平台开发。
AD:WOT2015互联网运维与开发者大会热销抢票
目前国内外已经有很多基于HTML5的跨平台开发工具,你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript,运用工具中所提供的各种丰富的功能模块,便可在很短时间内完成App的开发而且让你的App具备完美的原生体验。
推荐几款跨平台工具
1、Appcelerator
Appcelerator的Titanium开发平台使开发者可以通过HTML、PHP、JavaScript、Ruby、Python等Web编程语言开发手机、平板和桌面的原生App。其优势在于它可以让用户轻松地访问超过300个API以及定位信息。
此外,Appcelerator提供针对特定行为或事件定制的统计。App的数据既可储存在云端,也可储存在设备上。
2、APICloud
APICloud是一款“云端一体”的移动开发平台,信仰“云端一体”的理念,重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成,可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
2、PhoneGap
PhoneGap是一个免费且开源的开发环境,使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。其使用的是HTML和JavaScript等标准的Web开发语言。开发者使用PhoneGap进行开发,可调用加速计、GPS/定位、照相机、声音等功能。
PhoneGap还提供Adobe AIR App以及在线的培训课程,帮助开发者了解原生API并在他们自己的平台上开发移动App。
4、NativeScript
NativeScript是使用移动平台的JavaScript引擎来进行跨平台开发。逻辑部分自然无需多说,关键在于如何使用平台特性。NativeScript是通过反射得到所有平台API,预编译它们,然后将这些API注入到JavaScript运行环境,接下来在Javascript调用后拦截这个调用,并运行native代码。NativeScript是使用大量web开发的技巧来进行app开发,因为工具链和语言都非常熟悉受到了很多前端开发者的欢迎。
5、Kinvey
Kinvey同样是一个为移动应用开发者提供后台创建服务的平台。Kinvey强调加速移动应用开发与销售的“即取即用”理念。Kinvey的中间层与数据层均托管在多个云服务提供商处,包括Rackspace、Amazon与Microsoft。所有通过Kinvey存储的数据都会有四种方式备份:Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服务器,假如其中一两个出现了故障,用户的数据依然安然无恙。
总结:
关于HTML5和原生App的争论一直在继续,不论最后谁能取胜,开发者更关心App的开发速度和最终体验。合理的使用工具会让开发效率大大提升,甚至达到事半功倍的效果,希望能有一款适合您。
期待未来有一天,App开发可以像在纸上画画一样简单。
声明:IT之家网站刊登/转载此文出于传递更多信息之目的,并不意味着赞同其观点或论证其描述。
HTML5日渐成为Web开发的主流技术之一,目前,W3C已经完成了HTML5的基本特性,HTML5成为 W3C官方标准指日可待。
目前互联网中已经出现了大量HTML5应用,其展示的效果一点也不输Flash,甚至要更为强大。该技术最大的优势是跨平台,甚至未来有可能成为开发移动应用的主要技术。
本文为你带来 6 个强大的 HTML5应用开发工具,希望可以提高你的开发效率。
1. Adobe Edge Animate
Adobe Edge Animate 是一款 Adobe 开发的全新的工具,致力于寻求适用于 HTML5、CSS3 和 JavaScript的交互、动画编程体验。
该工具有一个类似 Flash Pro 的用户界面,允许开发者对交互内容、动画进行精准的控制。目前尚不支持 HTML5 canvas 和 audio 标签,Adobe 表示会在未来增加支持。
2. HTML KickStart
这是一套集合了各种 CSS、HTML5 和 jQuery 模块的工具,不仅可以帮助你节省开发时间,还可以帮助你获取 HTML5 开发的灵感。
该工具包中包含了大量预配置、预格式化的功能块,你可以非常快地实现一些特定的功能,如幻灯、按钮、选项卡等。
3. HTML5 Reset
HTML5 Reset 包含了一组 HTML、CSS 相关的文件,帮助你在开始新项目的时候节省时间,并提供了基于 HTML5 的空白 WordPress 模板。
4. Liveweave
这是一个 HTML5、JavaScript 和 CSS3 代码在线测试工具,你可以直观地看到你的代码的运行情况。此外,该工具还具备代码自动完成功能,你也可以将其作为一个在线 IDE 来使用。
5. Modernizr
Modernizr 是一个开源的JS库,它使得基于访客浏览器的不同而开发不同级别体验的设计工作变得简单。当你在网页中嵌入 Modernizr 脚本时,它会检测用户当前浏览器是否支持 CSS3 和 HTML5 的特性,然后你可以决定是否创建一个基于 JS 的 fallback,或者对那些不支持的浏览器进行简单的优雅降级。
6. Video.js
Video.js 是一个基于 JavaScript 的 HTML5 视频播放器,可以帮你更加简单的构建 HTML5 视频。Video.js 提供了一个通用控件,内置的 HTML/CSS 皮肤,修复了跨浏览器的兼容性问题,还扩展了许多附加功能,例如全屏、字幕等。如果用户浏览器不支持 HTML5 视频,还可以退回到 Flash 或其他播放技术。
着HTML5的发展,可以说HTML5已经成为了移动应用的核心技术推动力,它有可能成为所有程序的基础,HTML5才是移动互联网真正的未来。未来的几年,也许就是基于HTML5的大变革时期。所以学好HTML5是非常重要的。现在我就给大家分享几个HTML5的开发工具。
一、AdobeEdge
目前还处于预览阶段的AdobeEdge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性,此外Edge还将整合TypeKit这样的字体服务。
动画和图形可以添加到HTML元素中,程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套,还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。
二、AdobeColdFusion10
ColdFusion是用来开发企业Web程序的服务器端技术,通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。
三、SenchaTouch2
SenchaTouch2是移动应用框架,也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、KindleFire等多种平台的移动应用。
四、DojoFoundationMaqetta
来自于IBM的一个项目,DojoFoundationMaqetta是为桌面和移动设备开发HTML5应用的开源工具,支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板
五、JetBrainsWebStorm4.0
作为拥有HTML编辑器的JavaScript集成开发环境,WebStorm4.0提供了开发web应用的HTML5样板。开发者可以在创建HTML文档时可获得对HTML5文件的支持。例如砍伐者键入。开发者还可以在chrome浏览器中实时预览HTML文档。
更多内容和资讯或者问题,更多干货分享,尽在我的个人微信公众号,微信名:非著名程序员,微信号:smart_android(←长按复制)。个人微信号:loonggg微博:涩郎
*请认真填写需求信息,我们会在24小时内与您取得联系。