Android之WebView優化之路
前言
隨著app的迭代，嵌入的html5介面越來越多了，Webview這個強大元件引起的問題越發的多起來，例如：
1、WebView導致的oom問題
2、Android版本不同，採用了不同的核心，相容性crash
3、不同版本實現不同，甚至URI不規範也會引起不同程度的問題
為了解決以上問題，我們把WebView模組做成獨立程序
WebView獨立程序
Android允許一個app同時存在多個程序，可以根據需要把不同的模組放到不同程序中處理。
比如微信v2.X+版本的時候把Network部分做輕重程序分離，獨立到一個單獨的程序(：push)中，而上面兩個層級依然跑在微信的主程序(:workder)中。而對於有記憶體洩露問題的webview或者其他不頻繁使用的功能，再把其分離到獨立的工具程序(:tools)中。通過分離程序，微信第一次重構解決了系統因為微信資源消耗，主動幹掉微信服務的困境。
WebView獨立程序的好處
1.有效增大App的運存，減少由webview引起的記憶體洩露對主程序記憶體的佔用。
2.避免WebView的Crash影響App主程序的執行。
3.擁有對WebView獨立程序操控權。
WebView程序與其他程序通訊的方式
把webview獨立程序之後會發現，埋點功能和接收主程序資料都不正常了，這裡就涉及到程序間通訊的問題了;
程序通訊無非就是那幾種，aidl，messager，content provider，廣播;
在這裡就不再複述了，我是採用廣播的方式來做的。
WebView硬體加速導致頁面渲染閃爍
4.0以上的系統我們開啟硬體加速後，WebView渲染頁面更加快速，拖動也更加順滑。但有個副作用就是，當WebView檢視被整體遮住一塊，然後突然恢復時(比如使用SlideMenu將WebView從側邊滑出來時)，這個過渡期會出現白塊同時介面閃爍。解決這個問題的方法是在過渡期前將WebView的硬體加速臨時關閉，過渡期後再開啟，程式碼如下：
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); //設定快取的指定路徑
settings.setAllowFileAccess(true); // 允許訪問檔案
settings.setAppCacheEnabled(true); //設定H5的快取開啟,預設關閉
settings.setUseWideViewPort(true);//設定webview自適應螢幕大小
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);//設定，可能的話使所有列的寬度不超過螢幕寬度
settings.setLoadWithOverviewMode(true);//設定webview自適應螢幕大小
settings.setDomStorageEnabled(true);//設定可以使用localStorage
settings.setSupportZoom(false);//關閉zoom按鈕
settings.setBuiltInZoomControls(false);//關閉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跳原生介面
網頁跳原生介面的方法有很多種，比如js調java方法，或者是通過uri scheme啦，也可以通過自己解析url來做。
在這兒，考慮到相容性，攔截的是url，並且在清單檔案中自定義了scheme~
webview.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
parserURL(url); //解析url,如果存在有跳轉原生介面的url規則，則跳轉原生。
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作為各個頁面的分發頁面，通過這個介面解析資料決定接下來要跳轉哪個頁面：
<activity< p="" style="font-family: SimSun; font-size: 12px; margin: 0px auto; padding: 0px; list-style: none;">
android:name=".ui.webview.CommWebviewActivity"
android:configChanges="orientation|keyboardHidden|screenSize"
android:process=":webview"
android:screenOrientation="portrait"
android:windowSoftInputMode="stateHidden">
<data< p="" style="font-family: SimSun; font-size: 12px; margin: 0px auto; padding: 0px; list-style: none;">
android:host="xxxx.com"
android:scheme="kingp2p" />
--------------------- 作者：瀟梔楓 來源：CSDN 原文：https://blog.csdn.net/yes_wentao/article/details/50651399?utm_source=copy 版權宣告：本文為博主原創文章，轉載請附上博文連結！