使用HTML5开发跨平台应用

《使用HTML5开发跨平台应用》由会员分享，可在线阅读，更多相关《使用HTML5开发跨平台应用（21页珍藏版）》请在装配图网上搜索。

1、 微博客户端的开发案例微博客户端的开发案例使用使用HTML5HTML5开发跨平台应用开发跨平台应用杜亚波杜亚波 / / 邱智钢邱智钢杜亚波杜亚波掌中宽途开发总监掌中宽途开发总监=+我们都是我们都是HTML5 Fans HTML5 Fans 邱智钢邱智钢软通动力前端开发主管软通动力前端开发主管面对无数的应用，我们要做什么？多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致（跨平台无差异）需求传统移动互联网跨平台应用开发模式传统移动互联网跨平台应用开发模式面对众多选择，我们该怎么取舍？多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致（跨平台无差异）需求 入门门槛低 开发快速 成本

2、低（一个团队）技术框架HTML5技术跨平台移动应用开发技术跨平台移动应用开发开放式的统一标准完美的硬件能力调用开发入门门槛低，开发者众多应用程序商店优秀的跨平台能力技术选型技术选型让我们开工吧！但是，怎么做？多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致（跨平台无差异）需求 入门门槛低 开发快速 成本低（一个团队）技术框架 HTML5的特性 HTML5解决了什么问题代码开发同时我们利用同时我们利用PhoneGapPhoneGap移动开发框架，将我们的移动开发框架，将我们的HTML5HTML5版本版本的微博应用快速移植到了的微博应用快速移植到了iOS, AndroidiOS, And

3、roid等平台，为用户提供对等平台，为用户提供对应的应的native appnative app的安装模式。的安装模式。 HTML5 HTML5版新浪微博应用，整体参考新浪官方版新浪微博应用，整体参考新浪官方ipadipad版本应用，真正版本应用，真正实现了一次开发，处处运行的梦想。跨各类主流桌面浏览器，并为实现了一次开发，处处运行的梦想。跨各类主流桌面浏览器，并为智能终端（智能终端（iOS, android)iOS, android)进行了适配，为用户提供了一致的跨平进行了适配，为用户提供了一致的跨平台应用体验。台应用体验。WebWeb开发开发“三剑客三剑客”HTML5 HTML5 “本地本

4、地”应用应用HTML5 文档语义化Offline + Web StorageCSS3 特效的使用适配移动终端推荐使用推荐使用http:/gsnedders.html5.org/outlinerhttp:/gsnedders.html5.org/outliner来使得整个文档的结构更加合理化来使得整个文档的结构更加合理化/ /HTML5 文档语义化Cache.manifestOffline + Web StroageWeb Storage localStorage sessionStorage离线应用 applicationCache渐变(gradient)图层阴影(box-shadow)圆角(

5、border-radius)CSS3特效media screenEmailURLNumbers适配移动终端onorientationchange适配移动终端键盘类型适配键盘类型适配 Email url Numbers横竖屏适配横竖屏适配 onorientationchange media screen 多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致（跨平台无差异）需求 入门门槛低 开发快速 成本低（一个团队）技术框架 HTML5的特性 HTML5解决了什么问题代码开发 易部署 易维护 发布 部署应用演示应用演示WebWeb版本演示版本演示iOS/Android 浏览器版本演示浏览器版本演示iOS/Android 本地应用演示本地应用演示谢谢Thank you联系我们：联系我们： http:/http:/ wweiboeibo： 邱智钢邱智钢