当前位置:Gxlcms > html代码 > 如何判断一个APP页面是否是H5页面?

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

时间:2021-07-01 10:21:17 帮助过:10人阅读

如何判断一个APP页面是否是H5页面?手机APP的页面除了H5的页面还有什么别的页面?

是不是上下各有一行横框,有叉号或者是退后的都是H5页面?

回复内容:

手机开发者选项开启显示布局边界,页面有布局的是native否则为h5页面 其他地方搜索到的答案:长按页面,如果出现文字选择、粘贴功能的是H5页面,否则是native页面,我在我们自己的App里面试了一下是可以判断的。但是有一种情况,如果H5页面就是一张图片,那么是不能通过这个方法验证的。 一个状况一个方式 你看下【未来应用】他们的案例,能不能有什么发现 加载是标题栏下方走进度条的方式,欢迎楼下继续补充。 iOS目前不知道必要条件可以判断是「H5」。
Android上楼上已经回答了,开启页面布局就行。

补充一个全平台的充分条件:
抓包抓到url或者html的代码肯定是 「H5」;
楼上说的长按某一处会出现复制,粘贴,图片另存为等浏览器按钮的页面也是充分条件,不是必要条件。 有的页面也不绝对是H5,比如说菜单栏用原生,其余部分用的H5。

【活动盒子】来告诉你,怎么区别app页面是不是H5页面:

1、app和h5页面相比,拥有较少的页面跳转。网络环境一致的情况下,h5页面渲染是需要调取服务器的,但是app的渲染在本地,所以h5页面跳转更费力,不稳定感会强一些。所以h5页面想要减少跳转的话,一般都会使用交互技巧来隐藏文字。

2、h5页面页面展示空间比app小,给使用者带来的记忆负担大于app。人的大脑能短期记忆,但是这样的记忆是不稳定的。如果用户在滚动翻阅屏幕的过程中,需要临时记忆的信息越多,他们的表现是会越差的。现在,只有很少的人会有耐心慢慢看完长长的内容,h5页面相对于app而言,多了浏览器导航所占用的屏幕空间。

3、h5与app相比的优势在于h5页面可以随意的分享,而且迭代是很方便的,不同的系统只要适配一次即可。但是app的每次迭代需要在不同系统基础上迭代。

4、h5页面与app导航设计不同。h5页面使原有底部导航消失,有效的导航遇到挑战。在设计要考虑导航设计,顶部底部或左右侧,还要考虑如何快速跳转回重要页面,导航快捷键:如顶部固定位置、悬浮圆圈或非首屏时页面右侧悬浮。而app的导航更直接方便。

总之,h5页面其实基本能完成app的所有效果,但是它局限于浏览器这种打开方式,而app可以直接打开使用,方便一些。

人气教程排行