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的界面