h5页面和普通页面的区别_普通页面和h5页面的区别

大家知道h5页面和普通页面的区别吗？不知道的话就随乔布简历小编来看看普通页面和h5页面的区别吧！

关键词：h5页面和普通页面的区别，普通页面和h5页面的区别

在说h5页面之前，我们先来粗略了解一下h5是什么吧！h5，也就是html5，代表的是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（html）的第五次重大修改。 经过几乎8年的艰辛努力万维网联盟在20xx年10月底宣布了html5标准规范已完成，并已公开发布。

在这之前的几年时间里，irefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+等都逐渐使用了html5的部分技术，都已支持html5。html5是有望成为梦想中的“开放Web平台”(Open Web Platform)的基石，如能实现可以进一步推动更深入的跨平台Web应用的。

h5页面和普通页面的区别，以微信内置浏览器和手机上的浏览器应用（safari、chrome）为例

1、最突出的差别，前端要注意分享功能，上线之前，每个页面基本都要review一边分享功能是不是完善的。

2、html5接口上的不同。safari和chrome的话提供的html5接口会更多，而微信内置浏览器的接口比较少，印象最深的是usermedia。前几天在项目里还发现，微信里固定定位的支持还是不够好，safari在这点上现在好很多了。所以如果想让 web 应用在微信里体验更好一些的话，iscroll类的模块是免不了的。

3、微信浏览器的兼容性问题，在android上比较明显。印象比较深的是三星的机型上不支持background-size-cover，必须使用-webkit-background-size才行。

4、开发、调试的问题。android chrome比较好，有远程调试功能。微信里面基本木有办法。遇到棘手的问题，一般会使用modernizr来做特性检测，或者使用远程log工具调试。

h5页面和普通页面的区别_普通页面和h5页面的区别

/knowledge/articles/568e26210cf2bae6d1e01222

 

第二篇：3-h5页面和app的区别_h5和app的区别

h5页面和app的区别_h5和app的区别

如今，app和h5页面在我们的生活是很常见的，那么，h5页面和app的区别是什么呢？本期乔布简历小编就和小伙伴们聊聊h5和app的区别。

关键词：h5页面和app的区别，h5和app的区别

h5页面和app的不同

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

h5页面和app的区别_h5和app的区别

/knowledge/articles/568e25c50cf2bae6d1e0116a