產(chǎn)品詳情
他們各有優(yōu)劣，但是隨著H5的勢頭正大，現(xiàn)在H5開發(fā)的APP也越來越多，不乏一些大家常用的就是用H5開發(fā)的。例如京東一些頁面、QQ興趣部落等
原生APP與Web APP的區(qū)別
原生APP直接基于操作系統(tǒng)編寫，可以調(diào)用很多操作系統(tǒng)底層應(yīng)用，可以完成很復(fù)雜的交互與功能，需要下載安裝。
原生APP的優(yōu)點(diǎn)：1.操作穩(wěn)定，效率高；2.直接訪問底層應(yīng)用，例如通訊錄等；3.可以實(shí)現(xiàn)更多的交互效果；3.具有系統(tǒng)級(jí)別的交互體驗(yàn)與提醒。
缺點(diǎn)：1.開發(fā)成本高，不同平臺(tái)使用不同的語言（IOS、Android）；2.維護(hù)成本高，每一個(gè)迭代版本都得維護(hù)；3.更新迭代耗時(shí)，根據(jù)不同平臺(tái)，提交–審核–上線 等等不同的流程，需要經(jīng)過的流程較復(fù)雜，且iOS和Android相比，審核更復(fù)雜，時(shí)間也更長。
Web APP 不需要下載，通過瀏覽器直接訪問。需要瀏覽器系統(tǒng)進(jìn)行交互。
優(yōu)點(diǎn)：1. 開發(fā)成本低：H5是一種前端語言，與后臺(tái)語言無關(guān)，并且適配各種平臺(tái)；2.維護(hù)成本低：只需要發(fā)布就可以了；3.更新快：不需要經(jīng)過復(fù)雜的上線流程即可更新
缺點(diǎn)：1.受限于網(wǎng)絡(luò)和硬件、很多動(dòng)效即使可以在H5上實(shí)現(xiàn)，效果也不好，且由于硬件和系統(tǒng)劣勢，Android的效果更差；2.臨時(shí)性的入口、無法獲取系統(tǒng)級(jí)別的通知，提醒，動(dòng)效等等；3.設(shè)計(jì)上受限制諸多， 用戶體驗(yàn)較差 ；
如何辨別原生APP與Web APP
1.看跳轉(zhuǎn)。原生比Web效率更高、速度更快、操作體驗(yàn)也更好。
2. 看斷網(wǎng)顯示的情況。斷網(wǎng)后依然能顯示部分的是原生APP，顯示404是Web APP，完全沒內(nèi)容；當(dāng)然現(xiàn)在Web APP也可以通過預(yù)存離線包的形式實(shí)現(xiàn)斷網(wǎng)訪問。
3. 看APP頂部導(dǎo)航欄是否會(huì)有關(guān)閉的功能
頂部有關(guān)閉功能的是Web APP，沒有的則是原生APP（不過，如果要完成這個(gè)功能也是可以的）
4. 下拉刷新功能
如果界面沒有明顯刷新現(xiàn)象的是原生的，如果有明顯刷新現(xiàn)象，比如頁面閃一下或者白屏一下的是H5頁面（IOS和Android）。
不過現(xiàn)在很多框架、硬件升級(jí)、網(wǎng)速升級(jí)。如果APP有足夠的開發(fā)資源來對(duì)H5頁面進(jìn)行優(yōu)化，其實(shí)是可以做到和Native的體驗(yàn)非常接近的，能讓你幾乎無法分辨。
界面設(shè)計(jì)有哪些異同？
支付寶中原生APP的鍵盤和浮層是一體的，而唯品會(huì)H5頁面的浮層和系統(tǒng)鍵盤是分離的，H5頁面鍵盤是有局限性的。
是夠能覆蓋頂部狀態(tài)欄。原生APP可以在彈出框之后整個(gè)頁面添加蒙版。而Web APP狀態(tài)欄區(qū)域不會(huì)被蒙版覆蓋。
