⑴ h5做app和原生app有什么区别
原生app和h5做的app的区别:
1、开发方面的区别
目前React Native开发越来越火,微信小程序是基于React Native开发的,体验接近原生APP,发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件,也能顺利发布到苹果APP store。
移动Web App
1、因为运行在移动设备的浏览器上,所以只需要一个开发项目
2、这种应用可以使用HTML5,CSS3以及javaScript以及服务器端语言来完成(PHP,Ruby on Rails,Python)
3、这里可没有标准的SDK,基本任意选择别忘了有一些跨平台的开发工具,比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App
1、每一种移动操作系统都需要独立的开发项目
2、每种平台都需要独立的开发语言。Java(android), Objective-C(iOS)以及Visual C++(Windows phone)等等
3、需要使用各自的软件开发包,开发工具以及各自的控件
2、能力方面的区别
移动Web App
只能使用有限的移动硬件设备功能。
原生App
能够与移动硬件设备的底层功能,比如个人信息,摄像头以及重力加速器等等。对于这一点感触很深刻,2016年做新年H5营销小活动的时候,就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。
3、获取方法的区别
移动Web App
1、从移动设备上的浏览器访问
2、不需要安装额外的软件
3、软件更新只需要服务器就够了
4、因为现在没有什么商品或卖场提供这种App,不过一般都是嵌套在系统内部,或者内部系 统中使用
5、跨平台开发,用户不需要去卖场来下载安装App
6、需要过度依赖网络,没有任何缓存数据
7、任何时候都可以发布App,因为根本不需要官方卖场的审核
8、如果你已经有了一个Web App,你可以使用 responsive web design来辅助改进
9、所有的用户都是用同样的版本
原生App
1、直接下载到设备
2、以独立的应用程序运行(并不需要浏览器)
3、用户必须手动去下载并安装这些原生App
4、有一些商店与卖场来帮助用户寻找你的App,app store里面应有尽有。
5、原生型APP应用的安装包相对较大,包含UI元素、数据内容、逻辑框架;
6、手机用户无法上网也可访问APP应用中以前下载的数据。
7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)
8、APP应用更新新功能,涉及到每次要向各个应用商店进行提交审核。
9、用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况
如果企业选择商领云进行定制开发原生app,需要单独开发两套系统即ios和安卓系统。如果是通过商领云的在线制作app,则可以同时生成ios和安卓系统的app,并且还可以制作小程序、移动网站和微商城,非常方便,而且价格也只需几万左右,具体需要看功能需求。
⑵ 什么场合可以用到H5界面
现在的网页开发基本都是h5了,系统升级更新,兼容问题慢慢不再过多考虑。特别是移动端,用得最多
⑶ H5是做移动端还是什么
H5的最显着的优势在于跨平台性,用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上,打破各自为政的局面。这种强大的兼容性可以显着地降低开发与运营成本,可以让企业特别是创业者获得更多的发展机遇。
⑷ 安卓开发和html5都是开发的,我所了解到的是安卓主要用代码攻于后台,而h5负责网页页面的交互,也
有中间件类似于phonegap,可以完成你要的功能,操作数据库,本地文件,访问摄像头,访问各种传感器都没问题。
类似的中间件还有AppCan等等。
甚至你自己弄一个WebView,然后用java给这个webview中的js提供本地操作的接口,也可以实现的,这也就是中间件完成的功能。
另外,脚本语言怎么了,安卓的那一套XML布局,就是借鉴了HTML和CSS,微软的XAML也是HTML的变种。html+css+js是最完美的MVC思想的体现,CSS是创建UI最强大的语言。
最近炒得很火的hibrid混合开发,就是用的这种思想。很多UI特别复杂的功能,用NativeCode可能几千行代码,用webview+html,寥寥几百行就可以搞定。淘宝的很多手机应用就是webview搭载html实现的,只不过用户根本感觉不出来而已。
⑸ h5页面和app的区别
h5页面和app的区别如下:
1、开发不同。
对于app开发,每一种移动操作系统都要重新开发一个app,比如安卓操作系统就需要基于Java开发app,而苹果操作系统就需要基于Objective-C开发app。
h5页面是运行再浏览器端的应用,所以无论是什么操作系统只要可以打开浏览器就可以运行h5页面,因此不需要基于操作系统额外开发。
2、运行能力有差距。
移动app可以完全发挥手机硬件的优势,比如摄像头、获取本地信息等等,而h5页面则无法发挥这些功能,只能使用少量的硬件功能。
3、获取来源不同。
移动app需要用户下载安装到自己的移动端手机上才可以使用,而h5页面则没有这些要求,只需要手机可以访问浏览器就可以使用h5页面,这一点比移动端app方便不少。
4、存储容量不同。
由于移动端app需要下载安装到本地才可以运行,所以与之相之是需要占用手机本地内存,且运行过程中会产生大量的临时数据或缓存数据也会占用大量的存储空间。
h5页面由于运行再浏览器端,所以它消耗的是服务器端的内存,而不需要占用本地有限的内存空间,为用于节省了大量空间,但是缺点是对网络要求较高。
⑹ 淘宝,京东这种商城的APP都是用Android+h5语言来开发的吗
一般比较大的平台都会采用Android原生+h5混合开发,这样能取各方面的优点;
原生开发可以访问设备中的所有功能,运行速度更快,性能更高,而且可以启用优秀的离线处理和存储能力等等,提供最佳的用户体验,最优质的用户界面,最华丽的交互。
原生开发的缺点在逐渐的开发、运营过程中显现出来。开发成本高,不同平台需要定制不同的app,也就是android定制apk,ios定制app,开发人员需要多平台多语言,人力成本、时间成本较多,通用性差;
H5开发是Html5开发的app,本质上运行在手机浏览器中的页面,一般使用app做一个壳套用浏览器运行H5的页面,由于H5的特性也有很多app使用半原生半H5的hybird app 开发模
H5有许多优点,特别针对原生开发的缺点。如:
直接在网页上调试和修改,几乎不用考虑用户机型和适配的问题,针对原生开发的平台碎片化、开发人力成本、时间成本高;版本升级优势,网页的升级与用户无关,用户无需下载更新安装,保证实时送达到用户手中;上线时间稳定、快速,不需要通过开发市场的审核,有收入分成的开发市场更是可以绕过收入分成。除此以外在视频媒体方面H5表现也十分优秀的。
H5的缺点有许多,当新技术出现时候许许多多的人都在吹嘘它的优点,到真正实用时才对它的缺点正视。H5加载大图片的时候性能会下降,大量用户访问同一个H5应用时性能会下降,响应速度比不上原生app,上网速度也不及原生app,H5不能自动处理动画上反复交互(网页游戏),需要借助css3、javascript。
⑺ 手机版h5是什么意思干什么用的什么意思
您好,就是某信上宣传使用的一种媒介。也是广告的一种形式,有制作手机H5的制作工具,比如epub360
⑻ android h5什么意思
html5,其实就是在android上用网页代替原生技术开发
⑼ h5 主要用于移动端吗,主要用于做手机页面
H5是万维网的核心语言,标准通用下的一个应用超文本标记语言的第五次重大修改。H5是一个技术合集,我想你说的应用于移动端的是类似于ppt的酷炫小界面,那个是HTML+css+css3+jquery的结合,也是主要应用于手机端。
如果你自己有进行一些网络搜索的话,你搜H5会有很多广告和H5的相关解释。目前整个行业主要分为以下几个垂直部分:
1.H5网页建立。这一部分主要是开发pc端和移动端的共同兼容网站建立。例如,h5建站云,主要提供免费建立网站模版和h5网站定制服务。
2 移动端h5,这一部分又分为以h5为主要营销和以h5为媒介的其他业务发展。
A.H5定制与推广,像兔展,MAKA这类。
B.H5为媒介的营销推广。像秀赞这类H5制作与电商微商合作推广,提供单页H5让展示内容一目了然,H5免费模版制作,具备有抽奖优惠券吸引客户功能,并且还能实现简单界面链接淘宝店在H5端直接购买,营销卖货结合为一体。
目前也就了解到这些吧,你看对你有没有用咯。。。。
⑽ android为什么要用h5做界面
H5开发安卓界面需要注意以下三点:
(上)包括Android设备多分辨率的问题,Android中构建HTML5应用程序基础
(中)包括Android与JS之间的互动,Android处理JS的警告对话框等,Android中的调试
(下)包括本地储存在Android中的应用,地理位置的应用,离线应用的构建
进入正题
● Android设备多分辨率的问题
Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示
Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍
三种解决方式:1 viewport属性 2 CSS控制 3 JS控制
1 viewport属性放在HTML的<meta>中
html代码:
<span style="font-size: x-small;"> <head>
<title>Exmaple</title>
<meta name=”viewport” content=”width=device-width,user-scalable=no”/>
</head></span>
meta中viewport的属性如下:
<span style="font-size: x-small;"> <meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/>
</span>
2 CSS控制设备密度
为每种密度创建独立的样式表(注意其中的webkit-device-pixel-ratio 3个数值对应3种分辨率)
html代码:
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" />
3 JS控制
Android浏览器和WebView支持查询当前设别密度的DOM特性
window.devicePixelRatio 同样值有3个(0.75,1,1.5对应3种分辨率)
JS中查询设备密度的方法
js代码:
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中构建HTML5应用
使用WebView控件 与其他控件的使用方法相同 在layout中使用一个<WebView>标签
WebView不包括导航栏,地址栏等完整浏览器功能,只用于显示一个网页。