1. 看断网情况。
通过断开网络,刷新页面,观察内容缓存情况,可以有一个大致的判断,可以正常显示的就是原生App,显示404或者错误页面的就是 Web App。
2. 看页面布局编辑。
如果页面布局比较简单,可能是原生App;如果页面布局很复杂,页面动画很多,可能是 Web App。
3. 看复制文章的提示,需要通过对比才能得出结果。
比如,长按文章信息页面,如果出现文字选择、粘贴功能的是 Web App,否则是原生App。
有些原生App开放了复制、粘贴功能或者关闭了这些功能,而 Web App中HTML5中的CSS屏蔽了复制、选择功能等,需要通过对目标测试App进行对比才能分辨。
4. 看加载方式。
如果在打开新页面的导航栏下面有一条加载线,这个页面就是 Web App;如果没有,就是原生的App。
5. 看App顶部导航栏是否会关闭按钮。
如果App顶部导航栏中出现了关闭按钮或者关闭图标,那么当前App是 Web App,原生App中不会出现(除非设计开发者特意设计)、美团、大众点评、微信的App。当加载H5页面过多的时候,左上角会出现“关闭”两个字。
6. 看页面刷新情况。
如果页面没有明显刷新现象就是原生App,如果有明显刷新现象(比如闪一下)就是 Web App,比如淘宝的众筹页面等。
在下拉页面的时候显示网址提供方的一定是 Web App。
7. 利用系统开发人员工具
在手机的“设置”中,选择“开发者选项”→“显示布局边界”,选择开启后再次查看App整体布局边界,这样所有应用控件的布局就会一目了然。