如何判断一个APP页面是原生的还是H5页面

Hybrid APP指的是半原生半Web的混合类App。需要下载安装，看上去类似Native App，但只有很少的UI Web View，访问的内容是 Web 。
原生是Native APP，H5就是Web App

在Hybrid 当中，如何快速的判断一个APP页面是原生的还是H5页面呢？
1、看断网的情况
把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。
显示404或则错误页面的是html页面。

2、看布局边界
开发者选项->显示布局边界，页面元素很多的情况下布局是一整块的是h5的，布局密密麻麻的是原生控件。页面有布局的是原生的，否则为h5页面。（仅针对安卓手机试用）如下图所示：

3、看复制文章的提示，需要你通过对比才能得出结果。
比如是文章资讯页面可以长按页面试试，如果出现文字选择、粘贴功能的是H5页面，否则是native原生的页面。
有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。
这个在支付宝APP、蚂蚁聚宝都是可以判断的。

4、看加载的方式
如果在打开新页面导航栏下面有一条加载的线的话，这个页面就是H5页面，如果没有就是原生的。微信里面打开我们的H5页面常见的有个绿色的加载线条。如下图红框里面所示：

5、看app顶部导航栏是否会有关闭的操作
如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标，那么当前的页面肯定的H5，原生的不会出现（除非设计开发者故意弄的）
美团的、大众点评的APp、微信APP当加载h5过多的时候，左上角会出现关闭2字。

6、判断页面下拉刷新的时候（前提是要有下拉刷新的功能）
如果界面没有明显刷新现象的是原生的，如果有明显刷新现象（比如闪一下）的是H5页面（ios和android）。
比如淘宝的众筹页面。

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

如何判断一个APP页面是原生的还是H5页面相关推荐

教你判断一个APP页面是原生的还是H5页面
关注公众号前端开发博客,回复"加群" 加入我们一起学习,天天进步刚好是周末,无意之间在收集相关资料的时候,发现有部分童鞋在问<如何判断一个APP页面是不是H5页面> ...
判断一个APP页面是原生的还是H5页面
1.看断网的情况把手机的网络断掉.然后点开页面.然后可以正常显示的东西就是原生写的. 显示404或则错误页面的是html页面. 2.看布局边界可以打开开发者选项中的显示布局边界,页面元素很多的 ...
js 弹出一个页面 html页面刷新,原生js刷新当前页面与跳转页面的几种方法及区别总结...
在面向浏览器的web开发过程中,我们经常与JavaScript打交道,web开发页面路由跳转.刷新当前页面更是经常遇到的事.浏览器提供了至少3-5种的方式可以实现当前页面刷新或者跳转当前应用的其他页面 ...
使用chrome devtools app(离线包）调试Android H5页面
在调试Android H5页面的时候时候Chrome自带的"Chrome://inspect"工具调试时,国内用户都面临不可用的问题. 不翻墙,实现chrome浏览器调试工具的 ...
h5 默认为移动端页面_20条移动前端H5页面开发规范，h5开发必看文档
这是根据腾讯最新公布的<移动页面用户行为报告>来给大家分享的关于移动端H5页面开发一些20条规范和准则.里面大概包含了16种用户操作习惯和注意点. 下面25学堂跟大家先分享一张关于2016 ...
h5 默认为移动端页面_移动端的h5页面的尺寸是多少
展开全部 H5的尺寸一般设计为640x1136px 既满足了显示需求,又能降低用户加载图片需要的带宽.32313133353236313431303231363533e78988e69d8331333 ...
html页面弹出dialog,自定义H5页面dialog弹窗
弹窗一: 样式如下: HTML代码://弹出窗通知取消确认 //遮罩层 $('.dialog .content').text(text); $('.dialog, .mark').removeC ...
h5与小程序服务器如何辨别,小程序丨教你六招，快速区分H5页面还是APP页面
限制的H5技术和原生APP的技术很多类似或者实现效果很相像,不仔细去观察,大多人不会察觉两种有何不同.第九程序帮大家整理出比较容易判断的一个APP页面是原生的还是H5页面的方法. 希望可以帮到大家,以 ...
如何知道一个App的包名呢
如何知道一个App的包名呢?它的启动页的Activity又是什么呢? 之前博客里也忽略了这一块,这一节我就专门来介绍一下. 包名(Package name)在Android系统中是判断一个App的唯一 ...
vue H5页面唤起手机app（iOS和Android），没有安装则跳转下载页面
现在好多的app应用都有对应的h5页面,那么h5和app直接是如何交互的呢? 这里使用的是Scheme协议. 什么是URL Scheme? android中的scheme是一种页面内跳转协议,是一种非 ...

如何判断一个APP页面是原生的还是H5页面

如何判断一个APP页面是原生的还是H5页面相关推荐

最新文章

热门文章