如何判断一个APP页面是否是H5页面？-H5教程

如何判断一个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可以直接打开使用，方便一些。