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