【移动端】如何判定一个Hybrid APP中哪些是原生开发还是H5开发？

Hybrid APP指的是半原生半Web的混合类App。 在Hybrid 当中，如何快速的判断一个Hybrid APP中哪些是原生的哪些是H5的呢？

1. 看断网的情况 把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的（排除h5开发时采用的app离线缓存技术）。 显示404或则错误页面的是html页面，不显示的就是html模块。

2. 开启调试GPU过度绘制的选项 如果是原生每一个控件都有边界就是绘制块，而H5所承载的webview基本上是一个整体没有绘制块。

3. 看加载的方式 如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的。

微信里面打开我们的H5页面常见的有个绿色的加载线条。如下图红框里面所示：

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

如果界面没有明显刷新现象的是原生的，如果有明显刷新现象（比如闪一下）的是H5页面。（排除h5开发时采用预加载）

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

如下图所示：