方法1、手机开发者选项开启显示布局边界,页面有布局的是native否则为h5页面(仅针对安卓手机试用)
方法2、长按页面,如果出现文字选择、粘贴功能的是H5页面,否则是native页面,我在我们自己的App里面试了一下是可以判断的。但是有一种情况,如果H5页面就是一张图片,那么是不能通过这个方法验证的。
方法3、抓包抓到url或者html的代码肯定是 「H5」;
方法4、网络环境一致的情况下,h5页面渲染是需要调取服务器的,但是app的渲染在本地,所以h5页面跳转更费力,不稳定感会强一些。(所以断网也是一个方法)
说明:有的页面也不绝对是H5,比如说菜单栏用原生,其余部分用的H5。
参照:https://www.zhihu.com/question/25539887
=========================================
APP之所以要用到web页面多是因为这个页面上的内容和结构都是属于高频变化的,使用Native App页面来实现的话则需要不断发布新版本才能实现,这一点不现实。
常见的h5页面
比如:虾米音乐APP的启动页
比如:运营推送活动
比如:App调用第三方服务时,大量的第三方服务公司也是通过web来提供自己的产品和服务的,如:支付服务
App的推送消息从打开方式上来说可以分为两类,第一类是点击推送消息直接打开指定App页面,比如多数资讯类App(知乎、澎湃新闻等);第二类是点击推送消息打开一个web页面,再通过点击web页面里的内容模块打开指定的App页面。
第二类推送消息在电商类/生活服务类等重运营的App里应用很多。
在使用H5页面上:
①注意对各种机型的适配;
②对于长期高频使用的Web页面要提供管理后台,方便运营人员编辑;
参照:https://www.jianshu.com/p/6f67746e0a4a