使用HTML5开发跨平台应用

《使用HTML5开发跨平台应用》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

2、入门门槛低，开发者众多应用程序商店优秀的跨平台能力技术选型让我们开工吧！但是，怎么做？多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致（跨平台无差异）需求入门门槛低开发快速成本低（一个团队）技术框架HTML5的特性HTML5解决了什么问题代码开发同时我们利用PhoneGap移动开发框架，将我们的HTML5版本的微博应用快速移植到了iOS,Android等平台，为用户提供对应的nativeapp的安装模式。HTML5版新浪微博应用，整体参考新浪官方ipad版本应用，真正实现了一次开发，处处运行的梦

3、想。跨各类主流桌面浏览器，并为智能终端（iOS,android)进行了适配，为用户提供了一致的跨平台应用体验。Web开发“三剑客”HTML5“本地”应用HTML5文档语义化Offline+WebStorageCSS3特效的使用适配移动终端推荐使用http://gsnedders.html5.org/outliner来使得整个文档的结构更加合理化/HTML5文档语义化Cache.manifestOffline+WebStroageWebStoragelocalStoragesessionStorage离线应

4、用applicationCache渐变(gradient)图层阴影(box-shadow)圆角(border-radius)CSS3特效@mediascreenEmailURLNumbers适配移动终端onorientationchange适配移动终端键盘类型适配EmailurlNumbers横竖屏适配onorientationchange@mediascreen多平台微博客户端具有丰富的用户体验支持移动设备用户体验一致（跨平台无差异）需求入门门槛低开发快速成本低（一个团队）技术框架HTML5的特性HTM

5、L5解决了什么问题代码开发易部署易维护发布部署应用演示Web版本演示iOS/Android浏览器版本演示iOS/Android本地应用演示谢谢Thankyou联系我们：http://www.mhtml5.comblessdyb@gmail.comweibo：@邱智钢