如何判断一个APP页面是原生的仍是H5页面

来源：http://www.25xt.com/appdesign/11851.html

 

Hybrid APP指的是半原生半Web的混合类App。须要下载安装，看上去相似Native App，但只有不多的UI Web View，访问的内容是 Web 。

原生是Native APP，H5就是Web App

 

 

在Hybrid 当中，如何快速的判断一个APP页面是原生的仍是H5页面呢？

一、看断网的状况

把手机的网络断掉。而后点开页面。而后能够正常显示的东西就是原生写的。

显示404或则错误页面的是html页面。

 

二、看布局边界

开发者选项->显示布局边界，页面元素不少的状况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的，不然为h5页面。（仅针对安卓手机试用）以下图所示：

 

三、看复制文章的提示，须要你经过对比才能得出结果。

好比是文章资讯页面能够长按页面试试，若是出现文字选择、粘贴功能的是H5页面，不然是native原生的页面。

有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等状况。须要经过对目标测试APP进行对比才可知。

这个在支付宝APP、蚂蚁聚宝都是能够判断的。

 

四、看加载的方式

若是在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，若是没有就是原生的。 微信里面打开咱们的H5页面常见的有个绿色的 加载线条。以下图红框里面所示：

 

五、看app顶部 导航栏是否会有关闭的操做

若是APP顶部导航栏当中出现了关闭按钮或者有关闭的图标，那么当前的页面确定的H5，原生的不会出现（除非设计开发者故意弄的）

美团的、大众点评的APp、微信APP当加载h5过多的时候，左上角会出现关闭2字。

 

六、判断页面 下拉刷新的时候（前提是要有下拉刷新的功能）

若是界面没有明显刷新现象的是原生的，若是有明显刷新现象（好比闪一下）的是H5页面（ios和android）。

好比淘宝的众筹页面。

 

七、下拉页面的时候显示网址提供方的必定是H5