在項目中經(jīng)常會(huì )遇到這樣的困擾：選擇H5還是原生頁(yè)面。用原生頁(yè)面，老版本無(wú)法兼容；用H5功能及頁(yè)面過(guò)于粗糙，開(kāi)發(fā)出來(lái)的效果無(wú)法滿(mǎn)足需求。在這種情況下究竟該如何選擇，嘉興app開(kāi)發(fā)-雷鳥(niǎo)科技小編今天就幫大家梳理一下H5和原生頁(yè)面的異同點(diǎn)，希望能對各位產(chǎn)品決策者提供幫助。四種方法區分頁(yè)面是H5還是原生1、看斷網(wǎng)的情況打開(kāi)頁(yè)面后將網(wǎng)絡(luò )斷開(kāi)，在斷網(wǎng)的情況下，如果網(wǎng)頁(yè)內容顯示正常就是原生頁(yè)面；相反如果顯示404錯誤，就是H5頁(yè)面。2、看加載的方式例如微信，我們在微信界面中打開(kāi)網(wǎng)頁(yè)，如果有一個(gè)綠色的進(jìn)度條，則是H5頁(yè)面，如果直接打開(kāi)的就是原生頁(yè)面。3、看下拉刷新情況在app有下拉刷新的前提下下拉頁(yè)面。如果頁(yè)面沒(méi)有明顯變化或者有loading圖的是原生頁(yè)面；如果頁(yè)面有閃爍則是H5頁(yè)面。4、看布局邊界我們可以在網(wǎng)站設置中打開(kāi)“開(kāi)發(fā)者選項”，頁(yè)面布局如果是一個(gè)整體就是H5頁(yè)面；如果是局部拼湊起來(lái)的就是原生頁(yè)面。隨著(zhù)前端技術(shù)的發(fā)展，H5可以實(shí)現的功能已經(jīng)越來(lái)越接近原生app。但是它們依舊有各自的優(yōu)缺點(diǎn)，我們分別來(lái)看一看。H5可以統一更新，沒(méi)有版本兼容問(wèn)題；開(kāi)發(fā)效率高，不需要切圖，樣式相對豐富；可以跨平臺使用。但是H5對網(wǎng)絡(luò )依賴(lài)強，如果要求精細操作時(shí)，對系統性能消耗大，體驗就一般了。原生頁(yè)面最大的優(yōu)點(diǎn)是可以本地操作和離線(xiàn)存儲，相應的用戶(hù)體驗比較好；缺點(diǎn)就是開(kāi)發(fā)周期比較長(cháng)，兼容性差，不同機型要單獨開(kāi)發(fā)測試，不利于快速迭代?？偨Y了H5和原生app的優(yōu)缺點(diǎn)以后，在決策中我們可以以此作為參考進(jìn)行決策。如果項目需求側重于文本、動(dòng)畫(huà)，沒(méi)有太多其他需求，建議使用H5，可以更快更好的實(shí)現功能。比如電商行業(yè)。如果是對離線(xiàn)操作有很高要求的項目，則必須使用原生頁(yè)面，h5是無(wú)法實(shí)現的。如果是小游戲，對頁(yè)面流暢度、用戶(hù)體驗要求高的項目，則建議使用原生頁(yè)面。如果是初期正處于試錯階段的網(wǎng)頁(yè)，建議使用H5頁(yè)面，因為成本低開(kāi)發(fā)周期短，并且能保證及時(shí)更新，且不用開(kāi)率新舊版本的問(wèn)題。當然，H5和原生頁(yè)面各有利弊，我們在實(shí)際的開(kāi)發(fā)中，經(jīng)常采用Hybrid，即部分功能原生，部分功能H5。關(guān)注嘉興app開(kāi)發(fā)-雷鳥(niǎo)科技 http://www.wenshuai.cc/官網(wǎng)，隨時(shí)關(guān)注互聯(lián)網(wǎng)新聞動(dòng)態(tài)。
