• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 如何判断一个APP页面是否是H5页面?

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含APP等相关知识,匿名希望在学习及工作中可以帮助到您
如何判断一个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可以直接打开使用,方便一些。

您可能想查找下面的文章:

相关文章

  • 2018-12-03在HTML5中对各个标签的定义与规定:header
  • 2017-08-06html5教程画矩形代码分享
  • 2017-08-06HTML5中微数据概述及在搜索引擎中的使用举例
  • 2017-08-06HTML5 canvas画图并保存成图片的jcanvas插件
  • 2017-08-06详解HTML5之pushstate、popstate操作history,无刷新改变当前url
  • 2018-12-03HTML5实现锚点时请使用id取代name_html5教程技巧
  • 2018-12-03一些常用的HTML5模式(pattern) 总结_html5教程技巧
  • 2018-12-03详解前端HTML5几种存储方式的总结
  • 2018-12-03断点续传原理是什么?怎么利用html5实现文件断点续传
  • 2018-12-03什么是 WebSocket?深入理解html5中WebSocket

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 超级炫酷的HTML5 Canvas网络画板代码示例详解
    • HTML5为输入框添加语音输入功能的实现方法
    • HTML5的WebGL3D档案馆图书可视化管理系统的实现
    • 有哪些比较好用的h5工具呢?要免费的哈。。。
    • 20佳惊艳的HTML5应用程序示例分享_html5教程技巧
    • html5实现的便签特效(实战分享)_html5教程技巧
    • html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因_html5教程技巧
    • 微信端html5页面如何调用分享接口
    • HTML5 canvas基本绘图之绘制五角星
    • HTML5中新标签和常用标签详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有