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

来源:http://www.25xt.com/appdesign/11851.html

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

时间: 2024-08-09 10:12:16

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

APP页面如何区分是原生的还是H5页面

1.看断网的情况 把手机的网络断掉.然后点开页面.然后可以正常显示的东西就是原生写的. 显示404或则错误页面的是html页面. 2.看布局边界(仅针对安卓手机适用) 可以打开 开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件.页面有布局的是原生的否则为h5页面. 3.看复制文章的提示,需要你通过对比才能得出结果. 比如是文章资讯页面可以长按页面试试,如果出现文字选择.粘贴功能的是H5页面,否则是native原生的页面. 有些原生APP开放了复制粘

如何判断一个APP制作团队是否靠谱?

如何判断一个APP制作团队是否靠谱?   大数据背景下,各种网络平台为大学生创业提供了大量的机会,APP就是其中之一,很多不懂软件设计,不了解产品推广市场的创客就需要找到一个靠谱的APP制作团队去定制专属APP. 于此相对的,传统企业营运感受到了新兴力量的不小的冲击,很多企业也开始探索线上平台,努力实现自己企业的转型,以谋求更长远的发展,而APP制作团队也可以帮助这一部分的企业定制属于自己的企业APP,这类企业比新兴起的创业风最大的优势就是APP平台的起始基数大.经常有人在网上发出如何选择一个靠

怎么判断一个APP是原生APP、混合APP还是WEB APP ?

1.看断网情况 通过断开网络,刷新页面,观察内容缓存情况来有个大致的判断,可以正常显示的就是原生写的,显示404或者错误页面的就是html页面. 2.看布局编辑 3.看复制文章的提示,需要通过对比才能得出结果. 比如文章资讯页面可以长按页面试试,如果出现文字选择,粘贴功能的是H5页面,否则是native原生的页面. 有些原生APP开放了复制粘贴功能或者关闭了,而H5的CSS屏蔽了复制选择功能等情况,需要通过对目标测试APP进行对比才可知. 在支付宝APP.蚂蚁聚宝是可以判断的. 4.看加载的方式

分辨一个app哪部分是原生的哪部分还是网页的

前提条件:安卓手机一部. ① 进入开发者中心,找到"显示布局边界"选项并开启 ② 这时我们就可以看到所有原生组件的边界和边距都被显示出来了,而网页的部分则没有 ③ 进入一个自己想看的app,就可以看到该app哪部分是原生的哪部分是网页的

android 判断一个app是否是输入法

之前做一个app,需要列出手机中安装的所有包,包括系统apps,但是又需要过滤输入法,于是后来找到这种方法来判断输入法. public static boolean isInputMethodApp(Context context, String strPkgName) { PackageManager pkm = context.getPackageManager(); boolean bIsIME = false; PackageInfo pkgInfo; try { pkgInfo = p

混合app开发,h5页面调用ios原生APP的接口

混合APP开发中,前端开发H5页面,不免会把兼容性拉进来,在做页面的兼容性同事,会与原生app产生一些数据交互: 混合APP开发,安卓的兼容性倒是好说,安卓使用是chrome浏览器核心,已经很好兼容H5页面,而且运行机制也是能够同步运行:但ios上就没那么容易了:. 在此我就不说兼容安卓的问题,只把ios问题说说: 问题1:H5调用ios接口,ios需要初始化,js代码在ISO上只运行一次 解决: 本人使用是angular框架搭建的H5页面 var ua = navigator.userAgen

判断页面是原生页面还是H5页面

1.在开发者工具中找到 显示布局边界(Android一般系统自带,ios部分公司小工具中可找到) 原生页面红线特别多,布局很规范 H5页面中间一大部分没有红线,只有页面边缘有红线 2.断网 原生页面仍会正常展示 H5页面会404.错误页面 3.查看进度条 H5页面部分顶部有加载进度条:部分也没有进度条 4.交互性 H5页面交互性较差 原生页面比较好:例如弹层.滑动删除会话 5.流量与缓存 H5页面做缓存的较少:消耗流量也较多,加载资源较多 原生页面可做缓存,流量消耗较少 6.跨平台 H5页面跨平

如何知道一个APP的包名呢

包名(Package name)在Android系统中是判断一个App的唯一标识,不同的App可以有同样的名字,但是它的包名不可以相同. 例如我可以自己编译生成一个App也叫“微信”,但是我App的包名不能为com.tencent.mm(微信的包名为这个),如果我指定的包名如果也和微信一致了,那么我的手机上只允许安装这两个App中的其中一个.说到这很多人就会有疑问,如果有人恶意做了一个和微信内容一模一样的App,名字和包名都和微信一样,那怎么分辨呢?Android中为了防止这样,还做了一个叫签名

Hybrid APP之Native和H5页面交互

Hybrid APP之Native和H5页面交互原理 Hybrid APP的关键是原生页面与H5页面直接的交互,如下图,痛过JSBridge,H5页面可以调用Native的api,Native也可调用H5页面的方法或者通知H5页面回调 在Hybrid APP中,原生与H5的交互方式在Android和iOS上的实现是有异同的,原因是Android.iOS的通信机制有所区别,下面介绍原生和H5相互调用的方法 Native与H5交互的两种方式 原生和前端的交互有两种方式:url scheme以及Jav