快速判断APP页面是原生还是H5

各位朋友大家好，之前我们发了一篇关于手机APP原生开发、H5开发与混合开发的区别的文章，相信大家都已经对这三者有基本的认知了。

如今最火的APP开发模式是混合模式APP（即页面为半原生半H5页面）。 那么该如何快速地判断某个页面是原生的还是H5页面呢？下面我们一起来学习吧！

方法一：看断网的情况
把手机的网络断开，然后点击页面。如果可以正常显示内容的则是原生页面；显示404或错误的则是H5页面。
△H5页面

方法二：看布局边界
打开手机“开发者选项”中的“显示布局边界 ”，若是页面元素很多且布局密密麻麻的，为原生页面；而布局一整块的则是H5页面。

△左为原生页面，右为H5页面

方法三：看复制文字时的提示
选择一页有文字的页面，长按选中字体，如果出现文字选择、复制粘贴等功能的可能是H5页面，没有出现的可能就是原生的页面。

为什么是“可能”呢？因为有些原生APP开放了复制粘贴功能或关闭了，而H5也会有屏蔽复制选择功能等情况。具体的判断要通过目标测试APP进行对比才可知。

方法四：看加载的方式
在打开新页面时，如果看见导航栏下面有一条加载线的话（如下图红框所示），那么这个页面就是H5页面，如果没有就是原生页面。

△H5页面

方法五：观察APP顶部导航栏有没有“关闭”的操作
如果APP顶部导航栏里出现了关闭按钮或有关闭的图标（如下图红框所示），那么当前的页面肯定是H5；原生APP是不会出现的（除非是开发者故意设计的）。当某些APP加载过多H5时，手机左上角就会出现“关闭”二字。

△H5页面

方法六：观察页面的下拉刷新现象
使用这个方法的前提是：该APP要有下拉刷新的功能。如果界面没有明显刷新现象的，则是原生页面；如果有明显刷新现象（如闪一下）的就是H5页面。

方法七：观察页面在下拉时有没有显示网址提供方
页面在下拉时若显示了网址提供方（如下图红框所示）就一定是H5页面，没有显示则为原生页面。

△H5页面

原文链接：http://www.sohu.com/a/274967522_100245561