如何判断一个 app 是原生还是 webapp，或者是两者结合的？
1、首先找到自己手机的设置，在屏幕上下拉就能够看到一个此轮形状的图标，也就是设置。
2、进入设置之后找到系统，分辨这个得方法需要开启系统设置中的一项功能，下面进入到系统中。
3、在系统设置中找到开发人员元选项 ，这里面有对于开发人员提供的选项，不是开发人员可以关闭里面的功能。
4、找到显示边框布局的这个选项，点击开启。
5、这时手机上的每一个区域，都显示了条纹。原生应用都是在自己的区域里面绘制的，而webApp是在一个webviwe 中现实的就是所有的区域都展示在 webviwe 这个区域，里面的东西就不会细节的显示了。
6、webviwe显示如下图，可以清楚的看出来这两者之间的区别。webviwe中间显示的东西没有间隙。
首先判断一个页面是否原生界面还是网页的方法：
长按页面，看是否出现特殊标记、放大镜等等，是则为网页
单击按钮，看出现的高亮区域是否与按钮吻合，是为原生；大于按钮或者无高亮一般为网页
单击按钮，看是否响应即时，如果响应有轻微卡顿（>300ms）为网页
对于有列表页的，快速滑动列表，看是否卡顿，卡顿的为网页
如果页面中有底部固定的banner，向上滑到底后banner会往上跑的为网页
进入界面后，不能快速显示内容，而是出现空白加载动画的为网页。
有一些都直接告诉你是网页了，比如微信的分享链接页面打开后，下拉即可发现“网页由【xxx域名】提供”的字样
用(1)中方法看一两个界面，即可确定是否都是web或者都是原生或兼而有之。
出于快速迭代需求，现在的App一般都会或多或少加入一些网页
通常来说全部是网页来做的性能表现不佳，一般是用户交互少、纯数据展示类的界面可使用网页来表现。
举例
淘宝、支付宝首页的按钮、链接点进去的二级页面大多是网页
微信的分享链接展示页面
QQ动态分页的列表项点进去基本是网页
2018-07-26 · 专业app开发、互联网营销策划
广州启汇营销策划有限公司
原生是Native APP；
H5就是Web App；
判断方法
看断网的情况
把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。
布局边界
可以打开开发者选项中的显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的否则为h5页面。
加载的方式
如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的。
2、进入应用查看布局边界；
3、原生应用可以看到各个控件的布局边界，web界面只有整个页面的一个边界。
WebApp：简单来说，Web App就是针对iOS/Android优化后的web站点，用户不需要下载安装即可访问。一般的web站点测重使用网页技术在移动端做展示，包括文字，视频，图片等，而Web App更侧重“功能”，是基于网页技术开发实现特定功能的应用，必须依赖手机浏览器运行。Web App开发成本低，维护更新简单，支持云修复，用户不用下载更新，但是App的用户体验不足，页面跳转迟钝甚至卡壳，页面交互动态效果不灵活，而且可能上不了AppStore，如果企业的核心功能不多，App需求侧重于信息查询，浏览等基础功能，可以选择Web App。
Native App（原生App）：Native App是基于智能手机操作系统（现在主流的是ios和Android）用原生程序编写运营的App。Native App运行时是基于本地操作系统的，所以它的兼容能力和访问能力更好，拥有最佳的用户体验、最好的交互界面，但也是开发难度最大，开发成本和维护成本最高的App。
Hybrid App（混合App）：是指半原生半web的混合类App，同时采用网页语言和程序语言进行开发，通过不同的应用商店进行打包分发，用户需要下载安装使用。Hybrid App兼具Native App良好的用户交互体验和web App跨平台开发的优势，因在开发过程中使用网页语言，所以开发成本和难度大大降低。Native App是现在的主流应用，大型的App如淘宝／掌上百度／微信都是走的Hybrid App路线。
看完这些，相信你应该知道如何判断了。
