APP中的H5和原⽣页⾯如何分辨？
⼀、APP内嵌H5和原⽣的区别
1、原⽣的页⾯运⾏速度快，⽐较流畅。
H5页⾯相对原⽣的运⾏性能低，特别是⼀些动画效果有明显卡顿。
2、H5页⾯的很多交互都没有原⽣的好，⽐如弹层、输⼊时候的页⾯滑动等。H5的效果相对⽐较low，没有原⽣的好看，也没有原⽣默认的动画等效果。
3、原⽣APP修改页⾯要重新发布，等待审核（现在iOS的审核速度已经提⾼到1天到2天）。
H5页⾯的修改可以随时上线，不⽤等待审核。
4、H5跨平台，iOS和android需要各⾃开发。相对原⽣，H5开发成本低。
5、原⽣APP能很好的使⽤设备底层功能，如摄像头、⽅向传感器、重⼒传感器等。H5有所限制。
⽐如android⾥的H5对摄像头和⽅向传感器就需要再多做⼀些处理。再⽐如你不想⽤系统默认的⼿机相册样式，就要⽤原⽣来开发了。
6、H5过度依赖于⽹络，⽹络不好的时候卡到不⾏，并且刚打开看到的都是⼀个空⽩页⾯。
默认的H5页⾯每次打开都会重新请求页⾯（可以做缓存，不过基本很少有做的）。
H5⽐原⽣更费流量，H5除了加载html还要加载js、css这些资源⽂件，相⽐原⽣⽹络加载速度慢。
⼆、APP原⽣和H5页⾯如何分辨
1、android⼿机可以修改设置：设置—》开发者选项—》显⽰布局边界（Show layout bounds）。
这样就能看到控件的布局了，如果包含图⽚、⽂字等信息的⼀整块区域只有⼀个边框，应该就是H5实现的。
iOS在真机上没有这个选项。⼀般开发⼈员可以⽤mac上的Reveal软件来查看APP的布局，或者⽤⽹络抓包来分析是否为H5页⾯。
2、新打开页⾯，如果页⾯是个空页⾯，基本就是H5页⾯。原⽣的页⾯⼀般都会有⼀些控件提前放在页⾯中。
如果空页⾯上拉还有⼤块⿊⾊的背景，就是H5页⾯，不过现在很多开发⼈员已经做了优化，不会显⽰⿊⾊的⼤⾊斑。
3、关闭⽹络后，如果是整个的空⽩页，这个基本就是H5页⾯。如何页⾯还有控件基本就是原⽣的。
4、下拉刷新的时候H5会有⼀个明显的刷新现象，⽐如闪现、导航栏标题消失等。
原⽣的下拉刷新没有明显现象，很平滑。
5、如果开发⼈员没有禁⽤掉WebView的长按⼿势，会弹出⼀个系统默认的快捷菜单：拷贝、查询、添加、分享。这个页⾯就是H5页⾯。
6、如果打开⼀个页⾯顶部有个进度条，就是H5页⾯。当然很多H5页⾯也没有加进度条。
7、页⾯的底部导航在上拉的时候如果跟着⼀起滚动，就是H5页⾯。
8、H5弹框、页⾯跳转等和原⽣的效果都不⼀样，可以仔细看下。
9、H5页⾯点击输⼊框，弹出的键盘上⾯⼀般都有“完成”按钮，原⽣的没有。
三、APP原⽣和H5什么时候使⽤
1、核⼼需求要⽤原⽣，⽐如淘宝⾥的产品详情页、订单页、⽀付页等。
手机上可以打html与css的app⾮核⼼需求可以考虑⽤H5，遇到功能调整，可以快速发布。⽐如淘宝⾸页的特⾊好货、热门市场等栏⽬需要经常变动，⽤H5来做⽐较灵活。
2、阶段性的营销活动页⾯，特别是功能、布局等经常需要修改的需求，可以⽤H5来做。⽐如节⽇的有奖活动页⾯，经常需要调整，⽤H5做会更灵活。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。