判断页面是原生页面还是H5页面

Posted hedy-x

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断页面是原生页面还是H5页面相关的知识,希望对你有一定的参考价值。

1.在开发者工具中找到 显示布局边界(android一般系统自带,ios部分公司小工具中可找到)

原生页面红线特别多,布局很规范

H5页面中间一大部分没有红线,只有页面边缘有红线

2.断网

原生页面仍会正常展示

H5页面会404、错误页面

3.查看进度条

H5页面部分顶部有加载进度条;部分也没有进度条

4.交互性

H5页面交互性较差

原生页面比较好:例如弹层、滑动删除会话

5.流量与缓存

H5页面做缓存的较少;消耗流量也较多,加载资源较多

原生页面可做缓存,流量消耗较少

6.跨平台

H5页面跨平台性较好,可在小程序、ios、android...

原生每个平台需自己独立写

7.键盘

弹出的键盘有【完成】按钮一定是H5页面,原生的一定没有;

8.下拉页面显示网址提供方的一定是H5

 

以上是关于判断页面是原生页面还是H5页面的主要内容,如果未能解决你的问题,请参考以下文章

APP页面如何区分是原生的还是H5页面

如何辨别app是原生开发的还是h5开发的 或是混合开发

h5怎么获取页面的session

h5写的原生app调出输入法页面宽度变小

js,h5页面判断客户端是ios还是安卓

H5跟iosandroid数据对接