导航:首页 > 软件资讯 > h5项目如何兼容app多版本

h5项目如何兼容app多版本

发布时间:2022-05-12 08:05:08

㈠ h5页面怎么针对安卓和苹果开发

移动应用程序(App)和HTML5都是目前最火的技术,二者之间也有不少重叠之处。在移动设备浏览器里运行的html5的web页面,也可以重新打包成不同平台上运行的app。目前很多浏览器都有很好的跨平台支持,(译注:firefox居然可以在android中使用和windows下同样的浏览器内核),HTML5的web方案,对开发者来说更为方便。完成一次,即可多平台使用

㈡ 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,并且还可以制作小程序、移动网站和微商城,非常方便,而且价格也只需几万左右,具体需要看功能需求。

㈢ 原生app嵌入h5页面,怎么实现不升级app更新H5页面的CSS

要native另做一个同步功能了。若native开启缓存,web静态资源非覆盖式发布,既能享受类似本地的快感,还能做到及时更新。

补充:

  1. 在静态服务器新建一个文本或json文件,里面写好版本号,版本号任意,要更新的时候就去改这个版本号。

  2. native每次或定时去拉这个文件,并将版本号存在本地,以后拉取时比对本地版本号,有变化则重新拉取静态资源到本地。

更好的方法:

静态文件打包时生成改动文件映射表,这个表只有已经改动的文件名称或地址,native每次拉取这个映射表,发现有改动文件则只拉取改动文件。

㈣ H5实现APP和原生方式有多大差距,多少坑

H5开发的web APP和原生APP的区别有以下几个方面:
一、开发方面
原生App
⊙ 每一种移动操作系统都需要独立的开发项目
⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的软件开发包,开发工具以及各自的控件

移动Web App
⊙ 因为运行在移动设备的浏览器上,所以只需要一个开发项目
⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,Ruby on Rails,Python)
⊙ 这里可没有标准的SDK,基本任意选择别忘了有一些跨平台的开发工具,比如PhoneGap, Sencha Touch 2,APPcan以及Appcelerator Titanium等等。

二、能力方面
原生App
⊙ 能够与移动硬件设备的底层功能,比如个人信息,摄像头以及重力加速器等等

移动Web App
⊙ 只能使用有限的移动硬件设备功能。

三、获取方法
原生App
⊙ 直接下载到设备
⊙ 以独立的应用程序运行(并不需要浏览器)
⊙ 用户必须手动去下载并安装这些原生App
⊙ 有一些商店与卖场来帮助用户寻找你的App,目前app市场不计其数

移动Web App
⊙ 从移动设备上的浏览器访问
⊙ 不需要安装额外的软件
⊙ 软件更新只需要服务器就够了
⊙ 因为现在没有什么商品或卖场提供这种App,所以如何搜索这些移动Web App相当不简单。

四、版本控制
原生App
⊙ 用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况

移动Web App
⊙ 所有的用户都是用同样的版本

五、优势
原生App

⊙ 比移动Web App运行快
⊙ 一些商店与卖场会帮助用户寻找原生App
⊙ 官方卖场的应用审核流程会保证让用户得到高质量以及安全的App
⊙ 官方会发布很多开发工具或者人工支持来帮助你的开发

移动Web App
⊙ 跨平台开发
⊙ 用户不需要去卖场来下载安装App
⊙ 任何时候都可以发布App,因为根本不需要官方卖场的审核
⊙ 如果你已经有了一个Web App,你可以使用 responsive web design来辅助改进

六、缺陷
原生App
⊙ 开发成本高,尤其是当需要多种移动设备来测试时
⊙ 因为是不同的开发语言,所以开发,维护成本也高
⊙ 因为用户使用的App版本不同,所以你维护起来很困难
⊙ 官方卖场审核流程复杂且慢,会严重影响你的发布进程

移动Web App
⊙ 无法使用很多移动硬件设备的独特功能
⊙ 要同时支持多种移动设备的浏览器让开发维护的成本也不低
⊙ 如果用户使用更多的新型浏览器,那问题就更不好处理了
⊙ 对于用户来说,这种App很难被用户发现

㈤ 用H5做了个APP,现在有个H5样式问题,要在安卓,iOS手机上显示不同样式。

用$_SESSION里面的值获取设备类型,好像是这个来,反正可以判断

㈥ H5混合开发app如何升级的方法

当我们的app开发完成之后,无可避免的以后会进行产品升级,那么我们希望在客户的手机上让app进行自动升级,可以分为自动升级和手动升级。
自动升级:一般在客户app第一次打开首页的时候。
手动升级:在app界面提供一个升级的入口。

㈦ h5 开发关于ios兼容问题

这不是兼容问题,是你的样式问题吧。
html:
<div class="div-box">
<div class="div">
<p class="con">我是内容</p>
</div>
</div>
css:
* { margin: 0; padding: 0; }
.div-box { width: 500px; height: 250px; overflow: hidden; }
.div { width: 530px; height: 250px; overflow-y: auto; }
.con { height: 898px; text-align: center; background-color: #f5f5f5; }
试试这样呢

㈧ 如何解决HTML5在实际应用中的兼容性问题

1.可以通过个人pc固定的浏览器,这些浏览器都有自身的内核,可以强制性的使用。就不存在兼容性问题。这种办法一般可以用在办公室的场景。但是在巨大的浏览器市场里面,想要约束或者强制网民使用某一款浏览器是做不到的,这样子指挥带给客户非常不好的印象和丢失一大批的客户。
对于办公场景,现在员工使用的网络人数有限,不像普通市民拥有好记忆的网民。因此我们必须花费时间去测试建通和修复这样的难题。我们应该可以针对于网名做相应的优化。但是在公司办公的时候,我们应该强制使用具有安全认证的固定浏览器,可以减少开发的工作量,还可以防止数据泄露和木马入侵。达到保障企业数据安全,事半功倍的效果。
3
2.面对不同浏览器的兼容问题,所有的H5都是基于框架来开发的。现在行业中主流的UI框架有很多,比如国内的Amaze。基于这些框架来设计网站可以减少大量的兼容浏览器的调试工作。很多的UI框架都是具有十分优美的审美观,还能够通过网民的习惯和喜好和相应主流的浏览器做大量的优化调整。

㈨ app跳h5网络兼容

解释如下:
说明:通过h5可换醒app,如访问一个URL,点击按钮,打开应用,如果该应用APP没有安装,那么直接跳转到AppStore的APP下载页面,通过点击的方式兼容较好,如果安装了app,在手机各大浏览器(360浏览器)和QQ客户端中,能唤醒。新浪微博客户端腾讯微博客户端无法唤醒。
问题详情描述:
input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右边是ios的input光标。出现原因分析:通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离(行高),当点击输入的时候,光标的高度就自动和父盒子的高度一样了。(谷歌浏览器的设计原则,还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值,当有内容时,光标从input的顶端到文字的底部。

㈩ 安卓系统与ios系统用h5开发有什么兼容性

都是在web上面,这个就兼容了。就像win或者mac下用浏览器打开网络不一样的道理吗

阅读全文

与h5项目如何兼容app多版本相关的资料

热点内容
索引重新编译 浏览:602
命令与征服4免cd补丁完美版 浏览:426
kotlin编译为native 浏览:138
家用编译机 浏览:549
电子加密货币最新政策 浏览:379
androidcanvas撤销 浏览:269
安卓手机怎么把图标全部下移 浏览:185
饥荒被服务器踢出怎么进 浏览:170
c编译器哪款好 浏览:732
快手宝哥发明什么app 浏览:822
张艳玲编译 浏览:66
android展开收起动画 浏览:237
linuxxz文件 浏览:160
在游戏中心里面怎么玩到解压神器 浏览:484
电脑发到手机里面照片怎么解压 浏览:74
虚拟pdf打印机64位 浏览:413
支付宝AES加密和解密 浏览:379
编译实验原理下载 浏览:131
加密防伪溯源系统私人定做 浏览:222
扫码给电动车充电的app叫什么 浏览:760