Android WebView 優(yōu)化之路

更新時間：2016年02月14日 10:06:05 投稿：lijiao

Android WebView 優(yōu)化之路，如何才能更有效的對Android WebView進(jìn)行優(yōu)化，本文將為大家一一舉例，感興趣的小伙伴們可以參考一下

隨著app的迭代，嵌入的html5界面越來越多了，Webview這個強(qiáng)大組件引起的問題越發(fā)的多起來，例如：

1、WebView導(dǎo)致的oom問題
2、Android版本不同，采用了不同的內(nèi)核，兼容性crash
3、不同版本實(shí)現(xiàn)不同，甚至URI不規(guī)范也會引起不同程度的問題

為了解決以上問題，我們把WebView模塊做成獨(dú)立進(jìn)程

WebView獨(dú)立進(jìn)程

Android允許一個app同時存在多個進(jìn)程，可以根據(jù)需要把不同的模塊放到不同進(jìn)程中處理。

比如微信v2.X+版本的時候把Network部分做輕重進(jìn)程分離，獨(dú)立到一個單獨(dú)的進(jìn)程（：push）中，而上面兩個層級依然跑在微信的主進(jìn)程(:workder)中。而對于有內(nèi)存泄露問題的webview或者其他不頻繁使用的功能，再把其分離到獨(dú)立的工具進(jìn)程（:tools）中。通過分離進(jìn)程，微信第一次重構(gòu)解決了系統(tǒ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)程之后會發(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)WebView視圖被整體遮住一塊，然后突然恢復(fù)時（比如使用SlideMenu將WebView從側(cè)邊滑出來時），這個過渡期會出現(xiàn)白塊同時界面閃爍。解決這個問題的方法是在過渡期前將WebView的硬件加速臨時關(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頁面了，這個activity作為各個頁面的分發(fā)頁面，通過這個界面解析數(shù)據(jù)決定接下來要跳轉(zhuǎn)哪個頁面：

<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>

您可能感興趣的文章: