《使用HTML5开发跨平台应用》由会员分享,可在线阅读,更多相关《使用HTML5开发跨平台应用(21页珍藏版)》请在金锄头文库上搜索。
1、 微博客户端的开发案例微博客户端的开发案例使用使用HTML5开发跨平台应用开发跨平台应用杜亚波杜亚波 / 邱智钢邱智钢杜亚波杜亚波掌中宽途开发总监掌中宽途开发总监=+我我们都是都是HTML5 Fans 邱智钢邱智钢软通动力前端开发主管软通动力前端开发主管面对无数的应用,我们要做什么?多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致(跨平台无差异)需求传统移动互联网跨平台应用开发模式传统移动互联网跨平台应用开发模式面对众多选择,我们该怎么取舍?多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致(跨平台无差异)需求入门门槛低开发快速成本低(一个团队)技术框架HTML5技术跨平台移
2、动应用开发技术跨平台移动应用开发开放式的统一标准完美的硬件能力调用开发入门门槛低,开发者众多应用程序商店优秀的跨平台能力技术选型技术选型让我们开工吧!但是,怎么做?多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致(跨平台无差异)需求入门门槛低开发快速成本低(一个团队)技术框架HTML5的特性HTML5解决了什么问题代码开发同时我们利用同时我们利用PhoneGap移动开发框架,将我们的移动开发框架,将我们的HTML5版本版本的微博应用快速移植到了的微博应用快速移植到了iOS, Android等平台,为用户提供对等平台,为用户提供对应的应的native app的安装模式。的安装模式。 H
3、TML5版新浪微博应用,整体参考新浪官方版新浪微博应用,整体参考新浪官方ipad版本应用,真正版本应用,真正实现了一次开发,处处运行的梦想。跨各类主流桌面浏览器,并为实现了一次开发,处处运行的梦想。跨各类主流桌面浏览器,并为智能终端(智能终端(iOS, android)进行了适配,为用户提供了一致的跨平进行了适配,为用户提供了一致的跨平台应用体验。台应用体验。Web开发开发“三剑客三剑客”HTML5 “本地本地”应用应用HTML5 文档语义化Offline + Web StorageCSS3 特效的使用适配移动终端推荐使用推荐使用http:/gsnedders.html5.org/outlin
4、er来使得整个文档的结构更加合理化来使得整个文档的结构更加合理化/HTML5 文档语义化Cache.manifestOffline + Web StroageWeb StoragelocalStoragesessionStorage离线应用applicationCache渐变(gradient)图层阴影(box-shadow)圆角(border-radius)CSS3特效media screenEmailURLNumbers适配移动终端onorientationchange适配移动终端键盘类型适配型适配EmailurlNumbers横横竖屏适配屏适配onorientationchangemedia screen 多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致(跨平台无差异)需求入门门槛低开发快速成本低(一个团队)技术框架HTML5的特性HTML5解决了什么问题代码开发易部署易维护 发布 部署应用演示应用演示Web版本演示版本演示iOS/Android 浏览器版本演示浏览器版本演示iOS/Android 本地应用演示本地应用演示谢谢Thankyou联系我系我们: http:/ weibo:邱智邱智钢