Android WebView 優(yōu)化之路
隨著app的迭代,嵌入的html5界面越來越多了,Webview這個(gè)強(qiáng)大組件引起的問題越發(fā)的多起來,例如:
- 1、WebView導(dǎo)致的oom問題
- 2、Android版本不同,采用了不同的內(nèi)核,兼容性crash
- 3、不同版本實(shí)現(xiàn)不同,甚至URI不規(guī)范也會(huì)引起不同程度的問題
為了解決以上問題,我們把WebView模塊做成獨(dú)立進(jìn)程
WebView獨(dú)立進(jìn)程
Android允許一個(gè)app同時(shí)存在多個(gè)進(jìn)程,可以根據(jù)需要把不同的模塊放到不同進(jìn)程中處理。
比如微信v2.X+版本的時(shí)候把Network部分做輕重進(jìn)程分離,獨(dú)立到一個(gè)單獨(dú)的進(jìn)程(:push)中,而上面兩個(gè)層級依然跑在微信的主進(jìn)程(:workder)中。而對于有內(nèi)存泄露問題的webview或者其他不頻繁使用的功能,再把其分離到獨(dú)立的工具進(jìn)程(:tools)中。通過分離進(jìn)程,微信第一次重構(gòu)解決了系統(tǒng)因?yàn)槲⑿刨Y源消耗,主動(dòng)干掉微信服務(wù)的困境。
WebView獨(dú)立進(jìn)程的好處
有效增大App的運(yùn)存,減少由webview引起的內(nèi)存泄露對主進(jìn)程內(nèi)存的占用。
避免WebView的Crash影響App主進(jìn)程的運(yùn)行。
擁有對WebView獨(dú)立進(jìn)程操控權(quán)。
WebView進(jìn)程與其他進(jìn)程通訊的方式
把webview獨(dú)立進(jìn)程之后會(huì)發(fā)現(xiàn),埋點(diǎn)功能和接收主進(jìn)程數(shù)據(jù)都不正常了,這里就涉及到進(jìn)程間通訊的問題了;
進(jìn)程通訊無非就是那幾種,aidl,messager,content provider,廣播;
在這里就不再復(fù)述了,我是采用廣播的方式來做的。
WebView硬件加速導(dǎo)致頁面渲染閃爍
4.0以上的系統(tǒng)我們開啟硬件加速后,WebView渲染頁面更加快速,拖動(dòng)也更加順滑。但有個(gè)副作用就是,當(dāng)WebView視圖被整體遮住一塊,然后突然恢復(fù)時(shí)(比如使用SlideMenu將WebView從側(cè)邊滑出來時(shí)),這個(gè)過渡期會(huì)出現(xiàn)白塊同時(shí)界面閃爍。解決這個(gè)問題的方法是在過渡期前將WebView的硬件加速臨時(shí)關(guān)閉,過渡期后再開啟,代碼如下:
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}
webview的配置
下面貼上我自己的配置代碼:
WebSettings settings = webview.getSettings(); settings.setJavaScriptEnabled(true);//啟用js settings.setJavaScriptCanOpenWindowsAutomatically(true);//js和android交互 String cacheDirPath = PathCommonDefines.WEBVIEW_CACHE; settings.setAppCachePath(cacheDirPath); //設(shè)置緩存的指定路徑 settings.setAllowFileAccess(true); // 允許訪問文件 settings.setAppCacheEnabled(true); //設(shè)置H5的緩存打開,默認(rèn)關(guān)閉 settings.setUseWideViewPort(true);//設(shè)置webview自適應(yīng)屏幕大小 settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);//設(shè)置,可能的話使所有列的寬度不超過屏幕寬度 settings.setLoadWithOverviewMode(true);//設(shè)置webview自適應(yīng)屏幕大小 settings.setDomStorageEnabled(true);//設(shè)置可以使用localStorage settings.setSupportZoom(false);//關(guān)閉zoom按鈕 settings.setBuiltInZoomControls(false);//關(guān)閉zoom if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null); } webview.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return false; } @Override public void onLoadResource(WebView view, String url) { } @Override public void onPageFinished(WebView view, String url) { } });
html5跳原生界面
網(wǎng)頁跳原生界面的方法有很多種,比如js調(diào)java方法,或者是通過uri scheme啦,也可以通過自己解析url來做。
在這兒,考慮到兼容性,攔截的是url,并且在清單文件中自定義了scheme~
webview.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { parserURL(url); //解析url,如果存在有跳轉(zhuǎn)原生界面的url規(guī)則,則跳轉(zhuǎn)原生。 return super.shouldOverrideUrlLoading(view, url); } @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); } @Override public void onLoadResource(WebView view, String url) { super.onLoadResource(view, url); } });
清單文件中,聲明一下 就可以在自帶瀏覽器通過uri scheme跳到本app頁面了,這個(gè)activity作為各個(gè)頁面的分發(fā)頁面,通過這個(gè)界面解析數(shù)據(jù)決定接下來要跳轉(zhuǎn)哪個(gè)頁面:
<activity android:name=".ui.webview.CommWebviewActivity" android:configChanges="orientation|keyboardHidden|screenSize" android:process=":webview" android:screenOrientation="portrait" android:windowSoftInputMode="stateHidden"> <intent-filter> <category android:name="android.intent.category.BROWSABLE" /> <category android:name="android.intent.category.DEFAULT" /> <action android:name="android.intent.action.VIEW" /> <data android:host="xxxx.com" android:scheme="kingp2p" /> </intent-filter> </activity>
相關(guān)文章
Android 自定義ProgressDialog進(jìn)度條對話框用法詳解
ProgressDialog為進(jìn)度對話框。android手機(jī)自帶的對話框顯得比較單一,我們可以通過ProgressDialog來自己定義對話框中將要顯示出什么東西2016-01-01RecyclerView實(shí)現(xiàn)橫向滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了RecyclerView實(shí)現(xiàn)橫向滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01android中SharedPreferences實(shí)現(xiàn)存儲(chǔ)用戶名功能
本篇文章主要介紹了android中SharedPreferences實(shí)現(xiàn)保存用戶名功能,詳細(xì)的介紹了SharedPreferences的功能,需要的朋友可以參考下2017-04-04Android 中圖片和按鈕按下狀態(tài)變化實(shí)例代碼解析
這篇文章通過實(shí)例代碼給大家總結(jié)了android 中圖片和按鈕按下狀態(tài)變化問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-06-06Android TextView Marquee的應(yīng)用實(shí)例詳解
這篇文章主要介紹了Android TextView Marquee的應(yīng)用實(shí)例詳解的相關(guān)資料,這里說明使用方法及簡單實(shí)例和注意實(shí)現(xiàn),需要的朋友可以參考下2017-08-08Android實(shí)現(xiàn)取消GridView中Item選中時(shí)默認(rèn)的背景色
這篇文章主要介紹了Android實(shí)現(xiàn)取消GridView中Item選中時(shí)默認(rèn)的背景色,涉及Android GridView中Item屬性設(shè)置的相關(guān)技巧,需要的朋友可以參考下2016-02-02AccessibilityService實(shí)現(xiàn)微信發(fā)紅包功能
這篇文章主要為大家詳細(xì)介紹了AccessibilityService實(shí)現(xiàn)微信發(fā)紅包功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12RecyclerView中監(jiān)聽EditText變化的BUG的解決方法
本篇文章主要介紹了RecyclerView中監(jiān)聽EditText變化的BUG的解決方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11Flutter?Widget之FutureBuilder使用示例詳解
這篇文章主要為大家介紹了Flutter?Widget之FutureBuilder使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11