無憂保職場指南早報：h5頁面正逐漸受到更多人的關(guān)注和喜愛，而小編就將與大家聊聊h5頁面和app及普通頁面之間的區(qū)別，有興趣的伙伴們不妨靜下心來了解學(xué)習(xí)一下。

Part1：你知道h5頁面是什么意思嗎？

所謂h5頁面，即代表的是如今大部分瀏覽器已經(jīng)支持html5頁面。它有強(qiáng)化Web網(wǎng)頁的表現(xiàn)性能以及追加本地?cái)?shù)據(jù)庫這些Web應(yīng)用功能的優(yōu)勢。廣義論及的html5實(shí)際指的是包含了html、CSS以及JavaScript在內(nèi)的一套技術(shù)的組合。

Part2：普通頁面和h5頁面的區(qū)別在哪兒為了能夠體現(xiàn)它們的差異性，小編以微信內(nèi)置瀏覽器和手機(jī)上的瀏覽器應(yīng)用（safari、chrome）為例來比較一下：

1、最突出的差別是前端要注意分享功能，上線之前，每個頁面基本都要review一邊分享功能是不是完善的。

2、html5接口上的不同。safari和chrome的話提供的html5接口會更多，而微信內(nèi)置瀏覽器的接口比較少。

3、開發(fā)、調(diào)試的問題。androidchrome比較好，有遠(yuǎn)程調(diào)試功能。微信里面基本木有辦法。遇到棘手的問題，一般會使用modernizr來做特性檢測，或者使用遠(yuǎn)程log工具調(diào)試。

Part3：你知道h5頁面和app的區(qū)別嗎？

1、app和h5頁面相比，擁有較少的頁面跳轉(zhuǎn)。網(wǎng)絡(luò)環(huán)境一致的情況下，h5頁面渲染是需要調(diào)取服務(wù)器的，但是app的渲染在本地，所以h5頁面跳轉(zhuǎn)更費(fèi)力，不穩(wěn)定感會強(qiáng)一些。

2、h5頁面頁面展示空間比app小，給使用者帶來的記憶負(fù)擔(dān)大于app。而且h5與app相比的優(yōu)勢在于h5頁面可以隨意的分享，迭代是很方便的，不同的系統(tǒng)只要適配一次即可。但是app的每次迭代需要在不同系統(tǒng)基礎(chǔ)上迭代。

3、h5頁面與app導(dǎo)航設(shè)計(jì)不同。h5頁面使原有底部導(dǎo)航消失，有效的導(dǎo)航遇到挑戰(zhàn)。在設(shè)計(jì)要考慮導(dǎo)航設(shè)計(jì)，頂部底部或左右側(cè)，還要考慮如何快速跳轉(zhuǎn)回重要頁面，而app的導(dǎo)航更直接方便。

總的來說，h5頁面比普通頁面更符合用戶體驗(yàn)，而h5和app相比，則各有千秋吧！就和大家聊到這兒啦！

買房，搖號，落戶，孩子入學(xué)都受社保影響，無憂保作為業(yè)界領(lǐng)先的個體社保自助繳納平臺推出全國社保代繳服務(wù)，保你社保不斷繳。 小編有話說：謝謝這么優(yōu)秀的你來看文章，有什么想對小編說的盡管來吧，大家的支持就是我們的動力，歡迎大家踴躍發(fā)表疑問，歡迎吐槽，社保生態(tài)圈群：248069515