當(dāng)你上網(wǎng)閱讀東西時(shí)，我們一般會(huì)選擇一款瀏覽器，比如Chrome、火狐、safari、IE或者Edge。你可能不知道這些瀏覽器之間有一些競爭，而競爭的主要形式就是WebView。
WebView的定義
什么是WebView呢？它是本地應(yīng)用程序內(nèi)嵌的一個(gè)瀏覽器！這句話有兩處需要搞清楚！
本地應(yīng)用程序一般會(huì)采用諸如C++、Java、OC等語言配合它們各自的UI框架去開發(fā)，一般情況下，是不能跨平臺(tái)的，比如ios和android就需要同時(shí)開發(fā)兩個(gè)版本，pc和手機(jī)本地應(yīng)用程序也是不兼容的。
瀏覽器的特點(diǎn)，其實(shí)它大概可以分為兩部分
上面是火狐的一個(gè)頁面，紅色區(qū)域可以認(rèn)為是WebView，它擁有渲染引擎，可以通過http/https請求加載內(nèi)容，加載回來的代碼就可以被執(zhí)行和渲染出來。紅色區(qū)域以上的部分就是瀏覽器本地的UI組件。
移動(dòng)端app中WebView的特點(diǎn)
我們經(jīng)常把h5頁面內(nèi)嵌入app中，這種就是混合型的app，除了渲染頁面本身的功能外，頁面中的js還有能力調(diào)用app系統(tǒng)接口的，比如某些彈窗、分享等，這些區(qū)別對用戶來說都是無感知的。
在普通瀏覽器中是沒有這個(gè)能力的，至少瀏覽器沒有開放這些api。
混合型的app一部分是nativeUI，一部分是H5頁面，我們?nèi)绾闻袛嗍乔罢哌€是后者？
在安卓中可以通過開啟”設(shè)置“->”開發(fā)者選項(xiàng)“->”顯示布局邊界“，所有NA部分都會(huì)被紅色的框選出來。（蘋果手機(jī)沒有這個(gè)開關(guān)）
WebView中的渲染引擎
ios中，渲染引擎是webkit，和safari、chrome相同
Android中，渲染引擎是Blink
在Window、Linux和macOS中，渲染引擎的選擇就比較靈活了，比較知名的有chrome的Blink、IE的Trident，它主要依賴于app和WebView的實(shí)現(xiàn)
WebView帶來的好處
因?yàn)樗菑姆?wù)端加載頁面資源，所以更新就比較方便，如果采用nativeUI那就要經(jīng)歷繁瑣的審核過程。
夸平臺(tái)，不用各個(gè)平臺(tái)都開發(fā)一套代碼
總結(jié)
可以認(rèn)為WebView就是瀏覽器，只是在不同平臺(tái)長相和能力有所不同！