丝路旗下全国CG人才培养基地【股票代码:300556】

搜索课程
  • 24小时免费客服热线
  • 025-6965-8961

当前位置:首页>资讯中心>UI设计>正文

【原生页面与H5页面】如何快速的判断一个APP页面是原生的还是H5页面呢?

2018-08-13 10:42 来源: 丝路培训学院 分类: UI设计
160 作者:丝路培训学院

[导读] 如何快速的判断一个APP页面是原生的还是H5页面呢?

1、看网页跳转情况

APP和H5页面相比,跳转速度更快。网络环境一致的情况下,APP的直接在本地加载,而H5页面加载是需要调取服务器的,所以H5页面跳转更费力,不稳定感会强一些。

例如唯品会的首页就是Native页面,而唯品花页面是由H5写的,所以进入唯品花页面的时候,加载时间会稍微长一些。

2、看断网的情况

把手机的网络断掉,然后打开页面,可以正常显示、或者可以显示一部分的是Native页面,显示404或错误页面的是H5页面。这是由于Native页面一般都会在本地进行缓存,而H5页面一般是在打开页面的时候去重新拉数据。

当然也有例外情况,比如QQ的兴趣部落在断网的情况下,页面依旧是可以加载出来的。这是由于兴趣部落的开发团队制作了离线包,将原来要请求服务器的H5页面的资源打包在本地,这样就能在本地预加载了,不用在线上拉取,节省了很多时间,体验上也和Native非常接近。

3、看APP顶部导航栏是否会有关闭的操作

如果APP顶部导航栏当中出现了关闭按钮,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的)

美团的、大众点评的APP、微信APP当加载H5过多的时候,左上角会出现“关闭”。

4、判断页面 下拉刷新的时候(前提是要有下拉刷新的功能)

一般情况下,如果界面没有明显刷新现象的是原生的,如果有明显刷新现象,比如页面闪一下或者白屏一下的是H5页面(IOS和Android)。比如微信里的H5页面,和淘宝里的蚂蚁花呗页面刷新时都明显的白屏一下,但也就不到0.5秒的瞬间,微信我截图扑捉了很多次都没成功,但淘宝的蚂蚁花呗成功截到了白屏的瞬间,大家可以去自己感受一下。

在体验的时候发现iOS版的QQ的兴趣部落在下拉刷新时和Native的体验一模一样,大家可以去试试。只能说腾讯的攻城狮们将H5页面的用户体验最大限度接近Native,开发能力很强。

 

以上提供的这些方法也都是有局限性的,如果APP有足够的开发资源来对H5页面进行优化,其实是可以做到和Native的体验非常接近的,能让你几乎无法分辨。

 


版权声明:

本文由丝路设计培训学校的编辑人员所撰写,未经同意严禁转载,否则将严肃追究相关法律责任。文章原始链接:http://www.silucg.net/article/UI/qubie.html

热门课程

优惠活动:【领取免费学习资料】+【0元免费试听课程!】热线电话:025-69658961