网站首页 APP开发 系统开发 小程序开发 商城系统 案例展示 新闻中心 关于我们

如何判断一个APP页面是否为H5页面?

发布时间:2021.12.09 点击次数:120

如今最热门的APP开发模式是HybridAPP开发(即混合模式、半原生、半H5页面)。

Native是NativeAPP,H5是WebAPP。成都app开发公司推来客科技教你如何快速判断一个APP页面是本地的还是H5的。

《如何判断一个APP页面是不是H5页面》或《如何判断app中原生页面和h5 页面》等等。研究了应用程序中本地页面和H5页面之间的差异。

如果你不仔细观察,大多数人不会注意到。此外,目前的H5技术与原生技术相似,或者说效果非常相似。

原生原生应用程序5是网络应用程序。

在Hybrid中,如何快速判断一个APP页面是原生页面还是H5页面?

1.看看断网的情况。

断开手机网络。然后点击页面。那么可以正常显示的就是原来写的。

html页面显示404或错误页面。

2.看看布局边界

您可以在开发人员的选项中打开显示布局边界。当有许多页面元素时,布局是一整块h5,并且布局密集地填充了本机控件。带有布局的页面是本机的;否则,它们就是h5页面。(仅限安卓手机)如下图所示:


如何判断一个APP页面是否为H5页面


3.看抄袭文章的小技巧,需要对比才能得出结果。

比如文章信息页可以长时间按页面试试。如果H5页面用于文本选择和粘贴,则为本机页面。

一些本地应用程序打开或关闭了复制和粘贴功能。H5的css掩盖了复制选择功能等等。我们需要比较目标测试应用程序。

这可以在支付宝APP和蚂蚁财富中判断。

4.看加载方式。

如果在导航栏下有一个加载行来打开一个新页面,这个页面就是H5页面,否则就是原生页面。微信打开我们的H5页面,有一条绿色的加载线。如下图红色方框所示:

5.查看应用顶部的导航栏是否会关闭。

如果APP顶部的导航栏中有关闭按钮或关闭图标,那么当前页面对H5来说是正面的,本地页面不会出现(除非设计开发人员有意这样做)

当h5加载过多时,“关闭”一词会出现在左上角。

6.判断页面何时下拉刷新(前提是有下拉刷新功能)

如果界面没有明显刷新现象,则为原生;如果有明显的刷新现象(比如闪烁),那就是H5页面(ios和安卓)。

比如淘宝的众筹页面。

在线咨询

在线咨询

QQ咨询

QQ在线咨询

电话沟通

177-6048-4886

微信咨询

扫一扫添加
客服微信