什麼是 Web App？Hybrid App？Native App？

Hybrid？是個啥？ 相信大家在平常生活中也會經常見到這個詞，比如現在比較火的hybrid汽車（混合動力汽車） 那如果是針對于App而言呢？ 那就要從App的分類說起了 目前主流應用程式大體分為三類：Web App、Hybrid App、 Native App 首先，我們來看看究竟什麼是 Web App、Hybrid App、 Native App：

Native App

傳統的原生App開發模式，android基于Java語言，底層調用Goolge提供的API，IOS基于Objective c或Swift，底層調用Apple官方提供的Api

優點：

直接依托于作業系統，互動性最強，

功能最為強大，性能最好，特别是在與系統互動中,幾乎所有功能都能實作

缺點 :

開發成本高,無法跨平台,不同平台Android和iOS上都要各自獨立開發

門檻較高,原生人員有一定的入門門檻,相比廣大的前端人員而言,較少 更新緩慢,特别是釋出應用商店後,需要等到稽核周期 維護成本高

Web App

即移動端的網站,将頁面部署在伺服器上,然後使用者使用各大浏覽器通路,不是獨立APP,無法安裝和釋出，類似于現在所說的輕應用

開發成本低,可以跨平台,調試友善

維護成本低 更新無需通知使用者，不需要手動更新 無需安裝App,不會占用手機記憶體

缺點：

無法擷取系統級别的通知，提醒，動效等等

使用者留存率低 設計受限制諸多 體驗較差

Hybrid App

(Hybrid)混合應用程式，在應用程式中嵌入了webview，通過webview通路網頁，嗯，那webview又是個啥？ webview是一個基于webkit引擎，展現web頁面的控件 作用： 顯示和渲染web界面 直接使用html檔案（網絡或Apk資源包assets中）作布局 可和JavaScript互動調用

開發成本較低,可以跨平台,調試友善 維護成本低,功能可複用

功能更加完善,性能和體驗要比起web app好太多 更新較為自由 

相比原生,性能仍然有較大損耗 不适用于互動性較強的app

tips

如何判斷一個應用界面是native還是web界面

1、在手機/模拟器中點選關于手機中的版本号5下，出來開發者選項

2、在開發者選項中勾選上顯示布局邊界再傳回到App界面

3、如果App是Html的界面，那界面不會有布局邊界顯示，如有則說明是native的界面