Android app中区别网页H5 web 和原生布局方法

转自：http://www.zhihu.com/question/43310698/answer/95437844

感谢   郑海波 阿里巴巴资深客户端开发  的回答。

打开手机的开发者选项，把显示布局边界的开关打开。能绘制出边框的，是原生控件，不能绘制出边框的，一般是H5页面。比如，淘宝首页：

很显然，淘宝首页肯定是Native原生页面。

我们再看一下其中一个分类，比如：家电办公：



可以看出来，中间的热门推荐等图片控件，没有能够显示其边框。这个页面就是H5页面，只是标题栏是原生的布局。

一般原则：
1.像首页、商品详情页这种 优先级很高的页面， 布局样式不经常改变，考虑到流程度和用户体验，一定是原生页面。
2.二级页面，经常有变化的页面，能够快速开发和发版，会考虑到用H5页面
3.最近比较火的React Native，不仅能够统一多端，还能够动态化，也一定程度上解决了流畅性的问题，受到热捧。

其实，app中，既有原生页面，也有H5页面，还牵涉到原生页面和H5页面之间的相互跳转、方法的调用等，是需要有一套相对复杂的解决方案的。

作者：郑海波
链接：http://www.zhihu.com/question/43310698/answer/95358208
来源：知乎
著作权归作者所有，转载请联系作者获得授权。