怎么判断一个APP页面是原生的还是H5页面

这篇文章主要讲解了“怎么判断一个APP页面是原生的还是H5页面”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么判断一个APP页面是原生的还是H5页面”吧!

创新互联公司长期为上千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为天峻企业提供专业的成都网站设计、网站制作,天峻网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

 

一、看断网的情况

把手机的网络断掉。然后点开页面。然后可以正常显示的东西就是原生写的。

显示404或者错误页面的是html页面。

 

二、看布局边界

可以打开  开发者选项中的显示布局边界,页面元素很多的情况下布局是一整块的是h6的,布局密密麻麻的是原生控件。页面有布局的是原生的否则为h6页面。(仅针对安卓手机适用)如下图所示:

怎么判断一个APP页面是原生的还是H5页面  
 

三、看复制文章的提示

这个需要你通过对比才能得出结果,比如是文章资讯页面可以长按页面试试,如果出现文字选择、粘贴功能的是H5页面,否则是native原生的页面。

有些原生APP开放了复制粘贴功能或者关闭了。而H5的css屏蔽了复制选择功能等等情况。需要通过对目标测试APP进行对比才可知。

这个在支付宝APP、蚂蚁聚宝都是可以判断的。

 

四、看加载的方式

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

怎么判断一个APP页面是原生的还是H5页面  
 

五、看app顶部 导航栏是否会有关闭的操作

如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的)

美团的、大众点评的APp、微信APP当加载h6过多的时候,左上角会出现关闭2字。

 

六、判断页面 下拉刷新的时候(前提是要有下拉刷新的功能)

如果界面没有明显刷新现象的是原生的,如果有明显刷新现象(比如闪一下)的是H5页面(ios和android)。

比如淘宝的众筹页面。

 

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

如下图所示:

怎么判断一个APP页面是原生的还是H5页面  

以上7点也是目前帮大家整理出来的比较容易判断的一个APP页面是原生的还是H5页面的方法。

感谢各位的阅读,以上就是“怎么判断一个APP页面是原生的还是H5页面”的内容了,经过本文的学习后,相信大家对怎么判断一个APP页面是原生的还是H5页面这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站名称:怎么判断一个APP页面是原生的还是H5页面
文章地址:http://csdahua.cn/article/iejpjd.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流