最近和WebView打了不少交道，遇到許多問題抗碰，踩了許多坑。做一次總結(jié)，鞏固一下和方便以后回頭查看查看

• WebView常用方法
• WebSettings常用方法
• WebViewClient
• WebChromeClient
• WebView內(nèi)存泄漏優(yōu)化
  
  
  其中每部分都記錄了我遇到的一些坑和解決方法

WebView常用方法

1.加載
加載一個(gè)網(wǎng)頁：
loadUrl(String url);
加載apk包中的一個(gè)html頁面
loadUrl("file:///android_asset/test.html");
加載手機(jī)本地的一個(gè)html頁面的方法：
loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");

2.前進(jìn)和后退
goBack()//后退
goForward()//前進(jìn)
goBackOrForward(intsteps) //以當(dāng)前的index為起始點(diǎn)前進(jìn)或者后退到歷史記錄中指定的steps羽莺，如果steps為負(fù)數(shù)則為后退，正數(shù)則為前進(jìn)
canGoForward()//是否可以前進(jìn)
canGoBack() //是否可以后退

3.清除緩存數(shù)據(jù)：
clearCache(true);//清除網(wǎng)頁訪問留下的緩存洞豁，由于內(nèi)核緩存是全局的因此這個(gè)方法不僅僅針對(duì)webview而是針對(duì)整個(gè)應(yīng)用程序.
clearHistory()//清除當(dāng)前webview訪問的歷史記錄盐固，只會(huì)webview訪問歷史記錄里的所有記錄除了當(dāng)前訪問記錄.
clearFormData()//這個(gè)api僅僅清除自動(dòng)完成填充的表單數(shù)據(jù)，并不會(huì)清除WebView存儲(chǔ)到本地的數(shù)據(jù)族跛。

4.WebView的狀態(tài)：
onResume() //激活WebView為活躍狀態(tài)闰挡，能正常執(zhí)行網(wǎng)頁的響應(yīng)
onPause()//當(dāng)頁面被失去焦點(diǎn)被切換到后臺(tái)不可見狀態(tài)，需要執(zhí)行onPause動(dòng)過礁哄， onPause動(dòng)作通知內(nèi)核暫停所有的動(dòng)作长酗，比如DOM的解析、plugin的執(zhí)行桐绒、JavaScript執(zhí)行夺脾。
pauseTimers()//當(dāng)應(yīng)用程序被切換到后臺(tái)我們使用了webview， 這個(gè)方法不僅僅針對(duì)當(dāng)前的webview而是全局的全應(yīng)用程序的webview茉继，它會(huì)暫停所有webview的layout咧叭，parsing，javascripttimer烁竭。降低CPU功耗菲茬。
resumeTimers()//恢復(fù)pauseTimers時(shí)的動(dòng)作。
destroy()//銷毀派撕，關(guān)閉了Activity時(shí)婉弹，音樂或視頻，還在播放终吼。就必須銷毀镀赌。

5.頁面大小屬性
getScrollY() //方法返回的是當(dāng)前可見區(qū)域的頂端距整個(gè)頁面頂端的距離,也就是當(dāng)前內(nèi)容滾動(dòng)的距離.
getHeight()或者getBottom() //方法都返回當(dāng)前WebView這個(gè)容器的高度
getContentHeight()返回的是整個(gè)html的高度,但并不等同于當(dāng)前整個(gè)頁面的高度,因?yàn)閃ebView有縮放功能,所以當(dāng)前整個(gè)頁面的高度實(shí)際上應(yīng)該是原始html的高度再乘上縮放比例.因此,更正后的結(jié)果,準(zhǔn)確的判斷方法應(yīng)該是：

踩坑

1、調(diào)用destroy()方法的時(shí)候际跪，此時(shí)webview仍綁定在Activity上.這是由于自定義webview構(gòu)建時(shí)傳入了該Activity的context對(duì)象,因此需要先從父容器中移除webview,然后再銷毀webview

例如:

@Override
    public void onDestroyView() {
        super.onDestroyView();
        webView.removeAllViews();
        webView.destroy();
        webView=null;
    }

2商佛、判斷webview是否已經(jīng)滾動(dòng)到頁面底端或者頂端:

 if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) {
        //已經(jīng)處于底端
    }

 if(webView.getScrollY() == 0){
        //處于頂端
    }

WebSettings常用方法

setWebViewClient(WebViewClient client)//為WebView指定一個(gè)WebViewClient對(duì)象
setWebChromeClient(WebChromeClient client)//為WebView指定一個(gè)WebChromeClient對(duì)象

webview.requestFocusFromTouch();//支持獲取手勢(shì)焦點(diǎn)喉钢，輸入用戶名、密碼或其他
setJavaScriptEnabled(true);  //支持js
setPluginsEnabled(true);  //支持插件 
webSettings.setRenderPriority(RenderPriority.HIGH);  //提高渲染的優(yōu)先級(jí)

設(shè)置自適應(yīng)屏幕良姆，兩者合用
setUseWideViewPort(true);  //將圖片調(diào)整到適合webview的大小 
setLoadWithOverviewMode(true); // 縮放至屏幕的大小



setSupportZoom(true);  //支持縮放肠虽，默認(rèn)為true。是下面那個(gè)的前提歇盼。
//若上面方法設(shè)置為false舔痕，則該WebView不可縮放，這個(gè)不管設(shè)置什么都不能縮放豹缀。
setBuiltInZoomControls(true); //設(shè)置內(nèi)置的縮放控件伯复。


setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持內(nèi)容重新布局  
supportMultipleWindows();  //多窗口 
setCacheMode(WebSettings.LOAD_NO_CACHE);//不使用緩存
setAllowFileAccess(true);  //設(shè)置可以訪問文件 
setNeedInitialFocus(true); //當(dāng)webview調(diào)用requestFocus時(shí)為webview設(shè)置節(jié)點(diǎn)
setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新窗口 
setLoadsImagesAutomatically(true);  //支持自動(dòng)加載圖片
setDefaultTextEncodingName("utf-8");//設(shè)置編碼格式

踩坑

1、和JavaScript的交互
如果訪問的頁面中有 Javascript,則 WebView 初始化的時(shí)候必須設(shè)置支持 Javascript邢笙。

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

通過創(chuàng)建JavaScript的接口可以讓JavaScript和安卓客戶端進(jìn)行交互啸如。比如說JavaScript可以調(diào)用本地的安卓代碼展示一個(gè)Dialog而不是使用JavaScript的alter()方法。通過addJavascriptInterface()方法創(chuàng)建接口氮惯。
示例：
定義一個(gè)“接口”類

public class WebAppInterface {
    Context mContext;

    /** Instantiate the interface and set the context */
    WebAppInterface(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

在addJavascriptInterface方法中創(chuàng)建接口

WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");

在HTML的JavaScript中調(diào)用WebView顯示toast消息叮雳，

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
    function showAndroidToast(toast) {
        Android.showToast(toast);
    }
</script>

注意：
1 addJavascriptInterface方法中要綁定的Java對(duì)象及方法運(yùn)行在另外的線程中,而不是運(yùn)行在構(gòu)造他的線程中。
2 使用addJavascriptInterface將會(huì)使javaScript可以操控安卓本地代碼妇汗。因此有可能導(dǎo)致安全性問題帘不，請(qǐng)確保所有HTML代碼都是你所知道的。
3 從Android4.2開始杨箭。 只有添加 @JavascriptInterface 聲明的Java方法才可以被JavaScript調(diào)用寞焙。

2、使用緩存的友好方法：

if (NetStatusUtil.isConnected(getApplicationContext())) {
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)互婿。
} else {
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//沒網(wǎng)捣郊，則從本地獲取，即離線加載
}
webSettings.setDomStorageEnabled(true); // 開啟 DOM storage API 功能
webSettings.setDatabaseEnabled(true);   //開啟 database storage API 功能
webSettings.setAppCacheEnabled(true);//開啟 Application Caches 功能

String cacheDirPath = Environment.getExternalStorageDirectory().getAbsolutePath() + "webviewcache"
webSettings.setAppCachePath(cacheDirPath); //設(shè)置  Application Caches 緩存目錄

注意： 每個(gè) Application 只調(diào)用一次WebSettings.setAppCachePath()慈参，WebSettings.setAppCacheMaxSize()

WebViewClient

用來輔助WebView處理各種通知與請(qǐng)求事件呛牲！

onPageStared(WebView view,String url)// 通知主程序網(wǎng)頁開始加載
onPageFinished(WebView view,String url,Bitmap favicon)//通知主程序,網(wǎng)頁加載完畢
doUpdateVisitedHistory(WebView view,String url,boolean isReload)//url,boolean isReload)//更新歷史記錄
onLoadResource(WebView view,String url)//通知主程序WebView即將加載指定url的資源
onScaleChanged(WebView view,float oldScale,float newScale)//ViewView的縮放發(fā)生改變時(shí)調(diào)用
shouldOverrideKeyEvent(WebView view,KeyEvent event)//控制webView是否處理按鍵時(shí)間,如果返回true,則WebView不處理,返回false則處理
shouldOverrideUrlLoading(WebView view,String url)//控制對(duì)新加載的Url的處理,返回true,說明主程序處理WebView不做處理,返回false意味著WebView會(huì)對(duì)其進(jìn)行處理
onReceivedError(WebView view,int errorCode,String description,String failingUrl)//遇到不可恢復(fù)的錯(cuò)誤信息時(shí)調(diào)用

踩坑

1、當(dāng)用戶點(diǎn)擊webview中的網(wǎng)頁鏈接的時(shí)候驮配，安卓系統(tǒng)默認(rèn)會(huì)啟動(dòng)一個(gè)新的應(yīng)用專門成立url的跳轉(zhuǎn)娘扩。如果希望點(diǎn)擊鏈接繼續(xù)在當(dāng)前webview中響應(yīng),而不是新開Android的系統(tǒng)browser中響應(yīng)該鏈接,必須覆蓋 WebView的WebViewClient對(duì)象. 并重寫shouldOverrideUrlLoading方法。

webView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);//繼續(xù)在webview中訪問
      return true;
      }
  });

** net::ERR_UNKNOWN_URL_SCHEME錯(cuò)誤 **
我的需求中壮锻，在webview中跳轉(zhuǎn)的時(shí)候如果重寫了shouldOverrideUrlLoading琐旁，在某些頁面會(huì)報(bào)net::ERR_UNKNOWN_URL_SCHEME錯(cuò)(比如去哪兒網(wǎng)機(jī)票查詢網(wǎng)站進(jìn)行頁面跳轉(zhuǎn))，我的解決方法是:

webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                //解決 net::ERR_UNKNOWN_URL_SCHEME
                //屏蔽掉錯(cuò)誤的重定向url
                if (url.startsWith("http:") || url.startsWith("https:")){
                    view.loadUrl(url);
                }
                return true;
            }
        });

詳細(xì)解決方法點(diǎn)這里


2躯保、當(dāng)webview的url進(jìn)行跳轉(zhuǎn)的時(shí)候旋膳，自動(dòng)回記錄進(jìn)入歷史界面澎语，可以使用goBack（）方法和goForward（）方法途事，進(jìn)行返回和前進(jìn)验懊。
webview的canGoBack方法將會(huì)判斷歷史記錄中是否還有頁面，如果還有上一級(jí)頁面尸变，將會(huì)返回true义图。

@Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode==KeyEvent.KEYCODE_BACK){
            //監(jiān)聽還回鍵
            if (webView.canGoBack()){
                webView.goBack();
            }
        }
        return super.onKeyDown(keyCode, event);
    }

WebChromeClient

onJsAlert(WebView view,String url,String message,JsResult result)//處理Js中的Alert對(duì)話框
onJsConfirm(WebView view,String url,String message,JsResult result)//處理Js中的Confirm對(duì)話框
onJsPrompt(WebView view,String url,String message,String defaultValue,JsPromptResult result)//處理Js中的Prompt對(duì)話框
onProgressChanged(WebView view,int newProgress)//當(dāng)加載進(jìn)度條發(fā)生改變時(shí)調(diào)用
onReceivedIcon(WebView view, Bitmap icon)//獲得網(wǎng)頁的icon
onReceivedTitle(WebView view, String title) //獲得網(wǎng)頁的標(biāo)題

踩坑

1、隱藏標(biāo)題欄

在我的項(xiàng)目中召烂，有部分?jǐn)?shù)據(jù)是需要使用webview來呈現(xiàn)碱工，但是有一個(gè)問題就是網(wǎng)頁自帶了頂部標(biāo)題欄。現(xiàn)在我的需求就是隱藏標(biāo)題欄

重寫了WebChromeClient:

webView.setWebChromeClient(new MyWebChromeClient());

private class MyWebChromeClient extends WebChromeClient{
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            super.onProgressChanged(view, newProgress);
            //頁面加載到5%的時(shí)候 注入JS來隱藏導(dǎo)航欄
            if (newProgress>5){
                hideTitle(view);
            }
        }

        private void hideTitle(WebView webView){
            webView.loadUrl("javascript:(function() " +
                    "{ " +
                    "document.querySelectorAll('.header')[0].style.display='none';"+
                    "})()");
            //document.getElementsByClassName('header')[0].style.display='none';
        }
    }

WebView內(nèi)存泄漏優(yōu)化

1奏夫、銷毀WebView的友好方法

/**
 * Description: release the memory of web view, otherwise it's resource will not be recycle.
 * Created by Michael Lee on 7/18/16 20:38
 */
public void clearWebViewResource() {
    if (web_view_ != null) {
        LogUtils.d(TAG,"Clear webview's resources");
        web_view_.removeAllViews();
        // in android 5.1(sdk:21) we should invoke this to avoid memory leak
        // see (https://coolpers.github.io/webview/memory/leak/2015/07/16/
        // android-5.1-webview-memory-leak.html)
        ((ViewGroup) web_view_.getParent()).removeView(web_view_);
        web_view_.setTag(null);
        web_view_.clearHistory();
        web_view_.destroy();
        web_view_ = null;
    }
}

2怕篷、可以將 Webview 的 Activity 新起一個(gè)進(jìn)程，結(jié)束的時(shí)候直接System.exit(0);退出當(dāng)前進(jìn)程酗昼；
啟動(dòng)新進(jìn)程廊谓，主要代碼： AndroidManifest.xml 配置文件代碼如下

<activity
    android:name=".ui.activity.Html5Activity"
    android:process=":lyl.boon.process.web">
    <intent-filter>
        <action android:name="com.lyl.boon.ui.activity.htmlactivity"/>
        <category android:name="android.intent.category.DEFAULT"/>
    </intent-filter>
</activity>

在新進(jìn)程中啟動(dòng) Activity ，里面?zhèn)髁?一個(gè) Url：

Intent intent = new Intent("com.lyl.boon.ui.activity.htmlactivity");
Bundle bundle = new Bundle();
bundle.putString("url", gankDataEntity.getUrl());
intent.putExtra("bundle",bundle);
startActivity(intent);

然后在 Html5Activity 的onDestory() 最后加上 System.exit(0); 殺死當(dāng)前進(jìn)程麻削。

參考連接

談?wù)刉ebView的使用【從零開始搭建android框架系列（5）
WebView(網(wǎng)頁視圖)基本用法
WebView內(nèi)存泄漏優(yōu)化之路