移动Web开发的13个重要工具(上) - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 网站建设 >

移动Web开发的13个重要工具(上)

发表时间:2011-12-7

发布人:葵宇科技

浏览次数:24

移动web的开发常常给开发者提出一些艰难的选择。开发的应用究竟是针对iPhone市场还是针对Android用户?到底是写一个native app还是开发一个Web移动应用?开发一个能够在所有设备上兼容的应用是所有程序员的梦想,但是各种设备的差异性打破了大家的这个梦。

随着这种需求的日益增长,越来越多的开发者开始关注移动开发工具和开发库的开发了,他们试图帮助移动开发者扫平实现梦想的障碍。

虽然这套工具的开发目前尚不成熟,但是HTML5的出现让大家看到了移动Web开发的光明前景,它让用户摆脱了对native软件的依赖。

首先,web是完全开放的,它不用受到App Store的协议限制。

其次,程序开发人员能够获得100%的收益。当然,这也意味着必须找到一种新的获得收益的方式,这一点并不简单。但是,一旦找到了合适的方法,程序员就不用再将自己30%的收益拱手让给Apple了。

第三,HTML5变得越来越强大了,功能也变得更加丰富了。最新的HTML5版本已经能够支持客户端在本地保存数据了,目前基本能够替代native app的功能。换句话说,浏览器已经基本能够取代native apps的地位了。

第四点,HTML5 apps不与具体设备绑定。虽然目前大部分的宣传还是围绕着Apple的iPhone,但是HTML5 apps是比较容易迁移到其他平台上的。虽然可能还没简单到按下一个按钮就完成平台的迁移,但是起码和Objective C转换为Java的工作比起来,还是简单许多的。

当然,HTML5也不是万能的。Web apps最大的缺陷就是对网络连接的依赖。它确实不如native apps响应及时,而native app的开发者常常在讨论微秒级的延迟是否会影响用户的体验。游戏开发者在使用JavaScript编程前需要再三权衡一下。

目前最大的限制可能就是工具本身的开发。Apple的开发工具能够看到native apps的结构,而移动浏览器却很难深入了解上面运行的应用程序的代码结构。现在已经有一些开发工具和开发库来帮助程序员简化web开发的难度。下面介绍一些移动web开发中著名的相关项目。

移动web开发工具:ChocolateChip-UI(下载

由于移动设备上的屏幕通常都比较小,因此为移动设备设计一个有效的UI显得尤为重要。Enter Robert Biggs是一个来自Northern California的Web程序员,他开发的ChocolateChip-UI成为使用HTML开发移动界面的优秀示例。

开发中使用的WAML(Web Application Markup Language)是基于HTML5封装的编程语言。使用WAML提供的标签(如<slider>或是<stack>)能够极大地简化开发者的工作。可以在JavaScript中使用WAML并在支持HTML5的智能手机上运行。

程序员可以将HTML、CSS、JavaScript和WAML组合起来,只需指定好ChocolateChip-UI的翻译进程即可。

虽然这种做法并不完美,但这已经足够好用了。我之前曾用过其他的移动开发工具,他们都不能很好地封装在JavaScript中。

ChocolateChip-UI已经基本将所有的WAML提供的组件都封装好了,效果几乎与标准的iPhone UI相当。它甚至还包括了一个额外的删除列表,用户通过点击鼠标就能将组件从UI上删除。

移动Web开发工具:Mobl(下载

JavaScript使用起来不算太简单,而Mobl就是用来简化JavaScript的开发的。Mobl是专门用于Webkit浏览器上应用开发的框架。它不使用HTML、JavaScript或是CSS编写程序,而是直接使用Mobl编程,然后通过Mobl编译器将它转换为适合在移动浏览器上运行的HTML、JavaScript和CSS语言。

Mobl开发者使用这种方法弥补了JavaScript的不足。例如,它解决了延迟执行的函数传递问题;跟踪括号的配对问题(程序员对JavaScript的这一缺陷常常感到头痛,并且容易导致错误产生)。

Mobl通过使用大量的申明降低了程序的复杂度。如果你想传递1,000毫秒,你可以写:

sleep(1000); doNext();

Mobl将这条语句翻译成JavaScript,通过setTime函数执行时间传递,通过回调函数执行doNext()语句。程序员无需考虑回调函数的语法以及函数的封装方法,只要将希望发生的事情列举出来就可以了。

Mobl提供了几十种方法帮助程序员编写指令,并且不需要考虑这些指令是如何转换成JavaScript的。如果你想要编写一个下拉菜单,这很简单,只需要将菜单中的选项用关键字表示出即可。

对于已经熟悉了Objective-C或是JavaScript的程序员来说,可能觉得Mobl没有太大意义。毕竟,他们能够用自己熟悉的语言编写很好的程序,又何必去学习一种新的语言来完成同样的工作呢?但是,对于编程语言的热爱者来说,他们能在Mobl上发现许多好的、有意思的想法,而Mobl确实可以简化他们的开发工作。

(未完待续)

文章来源:13 essential programming tools for the mobile Web

译文来源:http://www.webapptrend.com/ WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展
请大家在关注CSDN的同时,关注我们的新浪微博 @WebAppTrend,欢迎加入我们的QQ群:193775364

相关案例查看更多