html5开发app的缺点,全解HTML 5在移动Web应用的优劣势
关于HTML5
HTML5具有
语义学、
本地存储、
设备访问、
连接性、
多媒体、
平面和三维效果、
性能和集成和
CSS3八大技术特征。让Web应用进入无插件时代,在功能和性能上逼近桌面应用。促使应用Web化,实现跨平台。
HTML5规范草案将于2012年发布候选推荐版,2022年发布计划推荐版。规范的实现似乎还在遥远的未来,其实不然!当前很多浏览器已经部分支持HTML5,caniuse.com提供了详尽的浏览器支持情况。HTML5规范本身并不多,很多相关规范都被独立出来,由浏览器各自实现。
移动Web应用方向
手机上网已经成为最重要的上网方式之一,手机网民已达3亿。移动互联网时代已经开启,发展势头迅猛,成为互联网行业的新战场。
Android和iOS手机的兴起,加速了HTML5在移动设备的普及。与桌面浏览器不同的是,移动操作系统和浏览器随着手机的换代而不断升级。移动浏览器的不断升级,给HTML5在移动Web方向的发展提供源源不断的动力。也随着设备性能的不断提高,移动Web应用的能力也渐渐逼近客户端应用。
移动Web应用对比客户端应用的优势:
更多开发人员有丰富的Web开发经验和工具积累,也形成了成熟的开发社区
迭代更敏捷,实现持续更新
跨平台,开发成本比客户端的较低
Web应用宿主选择
Web都有宿主,宿主是运行程序所需要的环境。Web常见的宿主有IE、FF、Chrome这些浏览器。Javascript也运行在服务器端宿主,如node.js。在移动设备,移动Web可以运行在移动浏览器上,也可以运行在PhoneGap或Titanium等框架宿主上。当然我们也可以根据跨平台需要编写自己框架宿主。
框架宿主优势:
已形成成熟的社区,便于解决问题
如PhoneGap等,比浏览器拥有更高权限。可以访问联系人、文件、摄像头、录音等设备
可以通过模拟器进行测试,减少跨浏览器测试成本
框架宿主劣势:
以客户端形式发布,版本更新难度大,动态发布需要额外代码支持
系统有可能只支持单进程
产品之间无法跳转,不容易衔接
PhoneGap兼容性
移动浏览器是系统附带的,不需要发布,随着系统升级而更新。在没有权限要求和高端目标设备的情况下,浏览器宿主作为移动Web应用宿主更为适合。
Android浏览器
Mobile Safari
浏览器宿主优势:
无需发布,浏览器一般还支持桌面快捷方式
产品更新维护方便,可以实现持续更新
移植性高(相对框架宿主的一些自定义接口)
浏览器宿主劣势:
浏览器兼容不高,对HTML5支持有差异
性能差异大,必须考虑设备间处理能力的差异
测试成本大(特别是Android系统设备),无法覆盖所有机型
移动Javascript框架
在HTML5的支持下,交互集成取代Javascript浏览器兼容性成了移动Javascript框架的发展方向。其中jQuery Mobile和Sencha Touch最受追捧。
他们主要解决:
交互(包括UI设计、控件交互、页面切换等)集成
Touch手势
交互集成框架优势:
交互都符合设备交互特点和设计规范(Android和iOS)
开发门槛低,适合快速开发
开发社区已经有丰富的跨平台经验和较全面的测试结果
交互集成框架劣势:
文件体积较大,效率往往不如原生HTML5
交互模式固定,难以摆脱
没有完善的业务框架,还需要自己实现基础业务框架(代码更新、业务模块重用等)
jQuery Mobile 兼容性
除了交互集成框架,我们还可以考虑使用原生HTML5开发自己的移动Javascript框架。自己开发更有针对性和目的性,适合业务扩展和性能优化,可以弥补集成框架的缺陷。
原生HTML5框架优势:
最适合长期业务扩展
开发灵活度更高
可针对目标设备的性能优化
原生HTML5框架劣势:
暂时只能兼容高端设备(Android2.0+、iOS3.2+性能较佳)
跨平台测试成本比较高
框架开发门槛比较高,需要一段时间发展
【编辑推荐】
【责任编辑:铭铭 TEL:(010)68476606】
点赞 0
html5开发app的缺点,全解HTML 5在移动Web应用的优劣势相关推荐
- HTML5开发APP有哪些优点和缺点?HTML5优势和劣势大对比
HMTL5开发APP有哪些优点和缺点?对比起来看,HTML5开发APP的优势明显大于劣势.比如HTML5有跨平台,开发成本低,推广更容易等等优点,同时它也有着一些缺点,比如容易受到网络的限制,用户体验 ...
- 懂商业的技术合伙人(14):使用HTML5开发App客户端,HTML5+和MUI框架基本介绍
我非常倾向使用HTML5,搞定PC Web.Mobile Web.Android和iOS.微信小程序等各种UI开发. 作为技术人员,一次学习,处处使用,是个美好的愿望. 本文把2014~2017年,零 ...
- HTML5开发APP技术文档
HTML5开发APP技术文档 一.环境参数 1.技术语言:HTML.CSS.ES6.Node.js等: 2.框架:Vue.js 2.x.Cordova: 3.开发系统:mac.windows等: ...
- java开发app的缺点_App原生开发的优缺点有哪些
原标题:App原生开发的优缺点有哪些 什么是app的原生开发,简单是说app原生开发就是在安卓.ios等移动平台上利用官方提供的开发语言.开发类库.开发工具进行移动app的开发,比如安卓和利用java ...
- 百度发布AI同传,详解人工同传与机器同传优劣势
上个月,由于科大讯飞"AI同传造假"事件,AI同传被推上舆论的风口浪尖.不过,这件事显然并没有影响到AI同传技术的发展,在前些天,搜狗AI同传首次支持国际体育赛事--中国网球公开赛 ...
- HTML5 开发APP
近期在做app,现在项目进行了一段时间,我打算把自己的经验写出来,给自己总结一下也给会用小伙伴看一下.本人前端一枚.我们所以能选的技术就是CSS,HTML,JS了,经过准备我决定用HBuilder 准 ...
- HTML5开发APP页面(动效篇)
作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢? 这次就 ...
- app用html传数据,使用HTML5开发App(三)
动态添加标签 接着上篇文章接下来要做的就是,从后台获取数据,然后赋值并显示,还记得上篇文章中轮播图和列表标签是静态添加的,那么问题来了,如果这个数据是从后台服务器那边获取的,拿轮播图为例,后台给我们返 ...
- 室内全彩led显示屏常见五种设计方案跟优劣势对比分析
LED显示屏也叫电子显示屏,现有室内led全彩显示屏设计方案很多,led全彩显示屏厂家设计方案不一,现在介绍5种常见的室内LED显示屏设计方案,并且就它们的优缺点做一个简单的介绍,方便朋友们了解. ...
最新文章
- ios中常用数据类型相互转换
- java数组二分查找_java 13-1 数组高级二分查找
- ubuntu20分区_「图」Canonical希望Ubuntu 20.04 LTS Server Installer更快更舒适
- 命令行中只用scala来运行一个spark应用
- 用命令行执行java代码
- 传值类型_Java内存管理:Stackoverflow问答-Java是传值还是传引用(十一)
- 奥赛金牌计算机博士中学老师,博士教师从6人到27人 硕士教师从103人到190人 石室中学“十四五”规划立下十个flag...
- The Coding Kata: FizzBuzzWhizz in Modern C++11
- 优达学城深度学习之六——TensorFlow卷积神经网络
- UVA - 207 PGA Tour Prize Money
- 类与方法java讲解_Java中方法使用的深入讲解
- 使用阿里云数据库RDS不得不知的注意事项
- bam文件读取_SAM/BAM 格式文件内容解析
- 多线程爬取NCBI数据库文献
- 选中一次格式刷,即可多次使用WPS格式刷的办法
- 【python】python里的关键字
- 【HQL】HQL汇总
- elementUI angular适合做H5吗
- 双评价-土地资源评价流程
- 国民体质测试标准计算机系统,国民体质测定标准施行办法
热门文章
- 详解java访问修饰符
- 技术开发(委托)合同怎么写?
- windows版本的redis
- 使用durid的ConfigFilter对数据库密码加密
- am3352 linux 内核 编译,am335x uboot, kernel 编译
- python使用ssh 中文_Python3制作简易SSH登录工具
- CBT的完整形式是什么?
- 有线电视pcr是什么意思_有线电视的完整形式是什么?
- oracle扩容日志文件,ORACLE 加大日志文件
- 引入antd组件样式_个人作品:一个技术栈koa2+ mysql+react + antd的个人博客