Android之webview詳解(非原創)

文章大綱

一、webview基本介紹
1.什麼是webview
2.爲什麼要使用webview
3.webview基本操作

二、webview高級使用
1.WebView狀態
2.資源加載
3.WebView加載優化
4.數據緩存
5.Android 和 JavaScript 交互
6.網頁前進與後退
7.內存管理
8.Cookie操作
9.頁面監聽與攔截
10.定位設置
11.常見問題處理

三、參考文章

 

webview基本介紹

1.什麼是webview

  WebView是Android中的原生UI控件,主要用於在app應用中方便地訪問遠程網頁或本地html資源。同時,WebView也在Android中充當Java代碼和JS代碼之間交互的橋樑。實際上,也可以將WebView看做一個功能最小化的瀏覽器。

2.爲什麼要使用webview

  目前很多公司的 App 使用一個 WebView 作爲網頁加載, App 中的所有網頁內容使用 HTML5 進行展示,這樣只需要寫一次 HTML5 代碼,就可以在 Android 和 iOS 平臺上運行,這就是所謂的跨平臺 。隨着 HTML5 的普及,很多 App 都會內嵌 WebView 來加載 HTML5 頁面,即 原生和HTML5 共存,這就是當下最流行的「 混合開發 」。HTML5 最大的優勢是迭代方便, 只需要修改服務端的 HTML5 頁面,App 會同步更新,無論是做活動推廣 App 還是及時修復 Bug 都帶來的極大的便利。不過 HTML5 劣勢也很明顯,當網速不盡如人意時候,加載速度會很慢(不知道5G出現後結果會帶來什麼變革),也就是HTML5 加載受限於網絡,沒有原生控件流暢,用戶體驗相對較差, 所以目前完全使用 HTML5 開發 App 並沒有成爲主流。

3.webview基本操作

添加網絡權限
在AndroidManifest.xml中添加以下內容

<uses-permission android:name="android.permission.INTERNET" />

新建webview_simple.xml佈局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

在AndroidManifest.xml中註冊WebViewActivity

<activity android:name=".WebViewActivity"></activity>

WebViewActivity中代碼如下:

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.webkit.WebView;

public class WebViewActivity extends AppCompatActivity {

    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.webview_simple);

        webView = (WebView) findViewById(R.id.webview);

        //加載網頁鏈接
        webView.loadUrl("https://www.baidu.com");
    }
}

主頁面跳轉代碼如下:

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends AppCompatActivity {

    @BindView(R.id.button)
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ButterKnife.bind(this);


    }

    @OnClick({R.id.button, R.id.button2})
    public void onViewClicked(View view) {

        switch (view.getId()) {

            //簡單webview加載
            case R.id.button:

                startActivity(new Intent(MainActivity.this, WebViewActivity.class));

                break;
        }
    }
}

運行截圖如下所示:

 
 

網頁彈窗

//message:alert彈出窗口中的提示信息(提示或警告信息對話框,僅一個確認按鈕)
//result:向網頁中的Javascript代碼反饋本次操作結果(result.confirm代表點擊了確定按鈕,result.cancel代表點擊了取消按鈕)
public boolean onJsAlert(WebView view, String url, String message,JsResult result)
///message:confirm彈出窗口中的提示信息(確認對話框,有確認、取消兩個按鈕)
//result:向網頁中的Javascript代碼反饋本次操作結果(result.confirm代表點擊了確定按鈕,result.cancel代表點擊了取消按鈕)
public boolean onJsConfirm(WebView view, String url, String message,JsResult result)
 
//message:prompt彈出窗口中的提示信息(輸入信息對話框,有一個輸入框,還有確認、取消兩個按鈕)
//defaultValue:輸入框中的默認信息
//result:向網頁中的Javascript代碼反饋本次操作結果(result.confirm代表點擊了確定按鈕,result.cancel代表點擊了取消按鈕)
public boolean onJsPrompt(WebView view, String url, String message,String defaultValue, JsPromptResult result)

下面給出一個簡單的處理方案,可以作爲參考:

@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
    new AlertDialog.Builder(MainActivity.this)
            .setTitle("JsAlert")
            .setMessage(message)
            .setPositiveButton("確定", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.confirm();
                }
            })
            .setCancelable(false)
            .show();
    return true;
}
 
@Override
public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
    new AlertDialog.Builder(MainActivity.this)
            .setTitle("JsConfirm")
            .setMessage(message)
            .setPositiveButton("確定", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.confirm();
                }
            })
            .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.cancel();
                }
            })
            .setCancelable(false)
            .show();
    return true;
}
 
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
    final EditText editText=new EditText(MainActivity.this);
    editText.setText("默認數據");//設置默認數據
    new AlertDialog.Builder(MainActivity.this)
            .setTitle("JsPromt")
            .setView(editText)//爲彈出窗口設置輸入框
            .setPositiveButton("確定", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.confirm(editText.getText().toString());//向Javascript傳遞輸入值
                }
            })
            .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.cancel();
                }
            })
            .setCancelable(false)
            .show();
    return true;
}

二、webview高級使用

1.WebView狀態

//激活WebView爲活躍狀態,能正常執行網頁的響應
webView.onResume() ;

//當頁面被失去焦點被切換到後臺不可見狀態,需要執行onPause
//通過onPause動作通知內核暫停所有的動作,比如DOM的解析、plugin的執行、JavaScript執行。
webView.onPause();

//當應用程序(存在webview)被切換到後臺時,這個方法不僅僅針對當前的webview而是全局的全應用程序的webview
//它會暫停所有webview的layout,parsing,javascripttimer。降低CPU功耗。
webView.pauseTimers()
//恢復pauseTimers狀態
webView.resumeTimers();

//銷燬Webview
//在關閉了Activity時,如果Webview的音樂或視頻,還在播放。就必須銷燬Webview
//但是注意:webview調用destory時,webview仍綁定在Activity上
//這是由於自定義webview構建時傳入了該Activity的context對象
//因此需要先從父容器中移除webview,然後再銷燬webview:
rootLayout.removeView(webView); 
webView.destroy();

2.資源加載

  WebView可以加載多種資源,包括本地資源和遠程資源,同時也有多種用於加載資源的方法。
加載assets中的資源

  新建assets文件夾,再新建.html文件

 

在Activity中添加以下代碼:

webView.loadUrl("file:///android_asset/test.html");//加載本地assets文件夾下的資源

加載res中的資源

webView.loadUrl(``"[file:///android_res/mipmap/ic_launcher.png](file:///android_res/mipmap/ic_launcher.png)"``);//加載本地res文件夾下的圖片
webView.loadUrl(``"[file:///android_res/raw/ic_launcher.png](file:///android_res/raw/ic_launcher.png)"``);//加載本地res文件夾下raw文件夾下的圖片
webView.loadUrl(``"[file:///android_res/raw/test.html](file:///android_res/raw/test.html)"``);//加載本地res文件夾下raw文件夾下的html文件

加載sdcard中的資源

webView.loadUrl(``"file:/sdcard/test.html");//加載本地sdcard下的資源
webView.loadUrl(``"[file:///sdcard/test.html](file:///sdcard/test.html)");//加載本地sdcard下的資源
webView.loadUrl(``"[content://com.android.htmlfileprovider/sdcard/test.html

請求遠程網頁方式
loadData(以字符串形式加載html片段)

//data:html片段
//mimeType:數據類型,如"text/html"
//encoding:數據編碼,有兩種可選值("base64"和其他任何值),分別代表base64編碼和URL編碼
public void loadData(String data, String mimeType, String encoding)

loadUrlWithBaseURL(以字符串形式加載html片段)

//baseUrl:基礎url,傳入null相當於傳入了"about:blank"
//data:html片段
//mimeType:數據類型,如"text/html"
//encoding:數據編碼,有兩種可選值("base64"和其他任何值),分別代表base64編碼和URL編碼
//historyUrl:歷史url
public void loadDataWithBaseURL(String baseUrl, String data,String mimeType, String encoding, String historyUrl)

postUrl(以post請求的形式訪問url)

//postData:本次post請求攜帶的數據,必須是application/x-www-form-urlencoded編碼
//如果傳入的url不是一個遠程網頁地址,那麼最終將通過loadUrl方法加載這個url,同時postData參數會被忽略。
public void postUrl(String url, byte[] postData)

3.WebView加載優化

設置頁面自適應屏幕

webSettings.setUseWideViewPort(true);
webSettings.setLoadWithOverviewMode(true);

縮放功能

webSettings.setSupportZoom(true);//啓用縮放功能
webSettings.setBuiltInZoomControls(true);//使用WebView內置的縮放功能
webSettings.setDisplayZoomControls(false);//隱藏屏幕中的虛擬縮放按鈕

溫馨提示:setDisplayZoomControls(true)在某些系統版本中可能會導致應用出現意外崩潰。

若加載的 html 裏有JS 在執行動畫等操作,會造成資源浪費(CPU、電量)
在 onStop 和 onResume 裏分別把 setJavaScriptEnabled() 給設置成 false 和 true 即可

頁面加載過程優化
處理各種通知 & 請求事件

//步驟1. 定義Webview組件
Webview webview = (WebView) findViewById(R.id.webView1);
//步驟2. 選擇加載方式
  //方式1. 加載一個網頁:
  webView.loadUrl("http://www.google.com/");
//步驟3. 複寫shouldOverrideUrlLoading()方法,使得打開網頁時不調用系統瀏覽器, 而是在本WebView中顯示
    webView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          view.loadUrl(url);
      return true;
      }
  });

onPageStarted()
作用:開始載入頁面調用的,我們可以設定一個loading的頁面,告訴用戶程序在等待網絡響應。

webView.setWebViewClient(new WebViewClient(){
      @Override
      public void  onPageStarted(WebView view, String url, Bitmap favicon) {
         //設定加載開始的操作
      }
  });

onPageFinished()
作用:在頁面加載結束時調用。我們可以關閉loading 條,切換程序動作。

webView.setWebViewClient(new WebViewClient(){
      @Override
      public void onPageFinished(WebView view, String url) {
         //設定加載結束的操作
      }
  });

onLoadResource()
作用:在加載頁面資源時會調用,每一個資源(比如圖片)的加載都會調用一次。

  webView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean onLoadResource(WebView view, String url) {
         //設定加載資源的操作
      }});

onReceivedError()
作用:加載頁面的服務器出現錯誤時(如404)調用。App裏面使用webview控件的時候遇到了諸如404這類的錯誤的時候,若也顯示瀏覽器裏面的那種錯誤提示頁面就顯得很醜陋了,那麼這個時候我們的app就需要加載一個本地的錯誤提示頁面,即webview如何加載一個本地的頁面

//步驟1:寫一個html文件(error_handle.html),用於出錯時展示給用戶看的提示頁面
//步驟2:將該html文件放置到代碼根目錄的assets文件夾下

//步驟3:複寫WebViewClient的onRecievedError方法
//該方法傳回了錯誤碼,根據錯誤類型可以進行不同的錯誤分類處理
    webView.setWebViewClient(new WebViewClient(){
      @Override
      public void onReceivedError(WebView view, int errorCode, String description, String failingUrl){
switch(errorCode)
                {
                case HttpStatus.SC_NOT_FOUND:
                    view.loadUrl("file:///android_assets/error_handle.html");
                    break;
          }  }
        });

onReceivedSslError()
作用:處理https請求,webView默認是不處理https請求的,頁面顯示空白,需要進行如下設置:

webView.setWebViewClient(new WebViewClient() {    
        @Override    
        public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {    
            handler.proceed();    //表示等待證書響應
        // handler.cancel();      //表示掛起連接,爲默認方式
        // handler.handleMessage(null);    //可做其他處理
        }    
    });

4.數據緩存

當加載 html 頁面時,WebView會在/data/data/包名目錄下生成 database 與 cache 兩個文件夾
請求的 URL記錄保存在 WebViewCache.db,而 URL的內容是保存在 WebViewCache 文件夾下,設置是否啓動緩存方法如下:

 WebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); 
      緩存模式如下:
       // LOAD_CACHE_ONLY: 不使用網絡,只讀取本地緩存數據
       // LOAD_DEFAULT: (默認)根據cache-control決定是否從網絡上取數據。
       // LOAD_NO_CACHE: 不使用緩存,只從網絡獲取數據.
      // LOAD_CACHE_ELSE_NETWORK,只要本地有,無論是否過期,或者no-cache,都使用緩存中的數據。
//WebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);不使用緩存

結合使用(離線加載)

if (NetStatusUtil.isConnected(getApplicationContext())) {
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根據cache-control決定是否從網絡上取數據。
} else {
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//沒網,則從本地獲取,即離線加載
}
webSettings.setDomStorageEnabled(true); // 開啓 DOM storage API 功能
webSettings.setDatabaseEnabled(true);   //開啓 database storage API 功能
webSettings.setAppCacheEnabled(true);//開啓 Application Caches 功能
String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
webSettings.setAppCachePath(cacheDirPath); //設置  Application Caches 緩存目錄

//注意: 每個 Application 只調用一次 WebSettings.setAppCachePath(),WebSettings.setAppCacheMaxSize()

清理緩存

//清除網頁訪問留下的緩存
//由於內核緩存是全局的因此這個方法不僅僅針對webview而是針對整個應用程序.
webView.clearCache(true);

//清除當前webview訪問的歷史記錄
//只會webview訪問歷史記錄裏的所有記錄除了當前訪問記錄
webView.clearHistory();

//這個api僅僅清除自動完成填充的表單數據,並不會清除WebView存儲到本地的數據
webView.clearFormData();

另外一種方式:
//刪除緩存文件夾
File file = CacheManager.getCacheFileBaseDir(); 

if (file != null && file.exists() && file.isDirectory()) { 
for (File item : file.listFiles()) { 
    item.delete(); 
     } 
    file.delete(); 
} 
        
//刪除緩存數據庫
context.deleteDatabase("webview.db"); 
context.deleteDatabase("webviewCache.db");

5.Android 和 JavaScript 交互

安卓代碼

 WebSettings settings = mWebView.getSettings();
  settings.setJavaScriptEnabled(true);//開啓JavaScript 

  mWebView.loadUrl("file:///android_asset/keithxiaoy.html");//加載本地網頁
  mWebView.setWebChromeClient(new WebChromeClient());//此行代碼可以保證JavaScript的Alert彈窗正常彈出

  //核心方法, 用於處理JavaScript被執行後的回調
  mWebView.addJavascriptInterface(new JsCallback() {

      @JavascriptInterface//注意:此處一定要加該註解,否則在4.1+系統上運行失敗
      @Override
      public void onJsCallback() {
          System.out.println("JavaScript調用Android啦");
      }
  }, "keithxiaoy");//參1是回調接口的實現;參2是JavaScript回調對象的名稱

  //定義回調接口
  public interface JsCallback {
      public void onJsCallback();
  }

Android 調用 JavaScript

  //直接使用webview加載js就可以了
  mWebView.loadUrl("javascript:wave()");

html代碼如下

<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     </head>
     <script language="javascript">
         /* This function is invoked by the activity */
         function wave() {
             alert("Android調用JavaScript");
         }
     </script>
     <body>
         <!-- JavaScript調用Android代碼 -->
         <a onClick="window.demo.onJsCallback()"><div style="width:80px;
             margin:0px auto;
             padding:10px;
             text-align:center;
             border:2px solid #202020;" >
                 ![](android_normal.png)<br>
                 Click me!
         </div></a>
     </body>
 </html>

注意:
  JavaScript 回調的方法的書寫格式: onClick="window.demo.onJsCallback()格式是: Windows.js 回調對象的名稱(要和 Java 代碼中設置的一致)。回調方法名稱(要和 Java 代碼中設置的一致)
  JavaScript 調用 Android 的方式具有版本兼容問題。經測試,在 2.2、4.0+ 系統上運行穩定,可以正常調用,但是在 2.3 系統上運行時出現崩潰。原因是底層進行 JNI 調用時,把一個 Java 中的 String 對象當數組來訪問了,最終導致虛擬機崩潰。基本算是一個比較嚴重的 Bug,沒辦法解決。所以如果說用 WebView 組件想在 JavaScript 和 Java 互調就沒辦法適配所有機型。

6.網頁前進與後退

在安卓手機中,Back 鍵控制網頁後退,會關閉整個webview,解決方法是在當前 Activity 中處理獲取Back鍵,改造成網絡的返回上一步

webView.goBack();//跳到上個頁面
webView.goForward();//跳到下個頁面
webView.canGoBack();//是否可以跳到上一頁(如果返回false,說明已經是第一頁)
webView.canGoForward();//是否可以跳到下一頁(如果返回false,說明已經是最後一頁)

7.內存管理

  直接 new WebView 並傳入 application context 代替在 XML 裏面聲明以防止 activity 引用被濫用,能解決90+%的 WebView 內存泄漏。

vWeb =  new WebView(getContext().getApplicationContext());
container.addView(vWeb);

銷燬 WebView

if (vWeb != null) {
    vWeb.setWebViewClient(null);
    vWeb.setWebChromeClient(null);
    vWeb.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
    vWeb.clearHistory();

    ((ViewGroup) vWeb.getParent()).removeView(vWeb);
    vWeb.destroy();
    vWeb = null;
}

8.Cookie操作
Cookie 設置

 CookieSyncManager.createInstance(this);
  CookieManager cookieManager = CookieManager.getInstance();
  cookieManager.setAcceptCookie(true);

  String cookie = "name=xxx;age=18";
  cookieManager.setCookie(URL, cookie);
  CookieSyncManager.getInstance().sync();

獲取 Cookie

  CookieManager cookieManager = CookieManager.getInstance();
  String cookie = cookieManager.getCookie(URL);

清除 Cookie

CookieSyncManager.createInstance(context);  
CookieManager cookieManager = CookieManager.getInstance(); 
cookieManager.removeAllCookie();
CookieSyncManager.getInstance().sync();

9.頁面監聽與攔截

監聽網頁加載進度

public void onProgressChanged(WebView view, int newProgress)

  onProgressChanged會在網頁加載過程中多次觸發。當newProgress的值爲100時,可以認爲當前網頁已經加載完畢。因此,通過這個方法判斷頁面是否加載完成比使用上文提到的onPageFinished方法更準確。同時,由於這個方法在回調中會不斷獲得最新的加載進度,因此我們可以藉助這個方法實現自定義的加載進度條。
  這裏給出一個簡單的思路:在WebView的上方添加一個ProgressBar控件,並默認隱藏。在onPageStarted方法中顯示ProgressBar,並在onProgressChanged方法回調時更新ProgressBar的進度值。當onProgressChanged方法中的newProgress達到100時,就隱藏這個ProgressBar。需要注意,爲了在頁面加載出錯時也能正確隱藏進度條,也應該在onReceivedError方法中隱藏ProgressBar。

10.定位設置

webSettings.setGeolocationEnabled(true);//允許網頁執行定位操作

如果要禁用網頁的定位功能,傳入false作爲參數即可。需要注意,這個方法只是允許網頁執行定位操作,但是最終定位操作的實現還是會委託給Android應用處理。因此,爲了保證定位功能正常執行,需要滿足以下兩點:
Android應用需要獲取定位權限。需要在AndroidManifest文件中聲明android.Manifest.permission.ACCESS_COARSE_LOCATION和android.Manifest.permission.ACCESS_FINE_LOCATION兩個權限。 需要爲WebView設置WebChromeClient,並重寫WebChromeClient的onGeolocationPermissionsShowPrompt方法。這個方法會在網頁中的Javascript代碼執行定位操作時觸發。需要注意,Android6.0及以上引入了運行時權限的概念。定位屬於危險權限,需要在使用時手動獲取。因此我們可以在這個回調方法中彈出一個請求定位的提示對話框(AlertDialog),在用戶選擇確定後獲得相應權限。

11.常見問題處理

loadData加載中文數據出現亂碼
  問題描述:使用loadData方法加載含有中文的數據時,中文顯示爲亂碼。
  解決方案:使用loadDataWithBaseURL方法代替loadData加載數據,不會出現亂碼問題。 爲loadData的mimeType參數傳入“text/html;charset=UTF-8”,也可以解決亂碼問題。

密碼明文存儲問題
  問題描述:在Android 4.3(API 18)以前,用戶在WebView加載的網頁中輸入密碼後,系統會彈出對話框詢問用戶是否需要保存密碼。如果用戶選擇保存,那麼密碼將會以明文的形式保存在本地,顯然這是一個巨大的安全隱患。
  解決方案:WebView是否保存密碼是由WebSettings的setSavePassword方法決定的。因此,我們只要調用這個方法並傳入false,就可以避免明文儲存的安全問題了。在Android 4.3及以上的版本,setSavePassword方法已經被棄用,WebView也不會默認保存密碼,因此不再需要進行修復。

WeView出現OOM影響主進程
  問題描述:由於WebView默認運行在應用進程中,如果WebView加載的數據過大(例如加載大圖片),就可能導致OOM問題,從而影響應用主進程。
  解決方案:爲了避免WebView影響主進程,可以嘗試將WebView所在的Activity運行在獨立進程中。這樣即使WebView出現了OOM問題,應用主進程也不會受到影響。具體做法也很簡單,只要在AndroidManifest文件中爲相應的Activity設置process屬性即可。

WebView後臺耗電問題
  問題描述:在某些情況下,即使Activity已經退出,WebView依舊佔據着內存空間,這會導致設備耗電量增加。
  解決方案:在上文提到過將WebView運行在獨立進程中,然後只要在Activity的onDestroy方法中調用System.exit(0)退出虛擬機,就可以避免WebView繼續佔據內存空間.

視頻或音頻在退出Activity後繼續播放的問題
  問題描述:在WebView加載的網頁中播放音樂或視頻,然而當前應用進入後臺後音樂或視頻還在繼續播放。
  解決方案:在Activity的onPause方法中暫停WebView,然後在onResume方法中恢復WebView。

protected void onPause() {
    if(webView!=null){//暫停WebView
        webView.onPause();
        webView.pauseTimers();
    }
    super.onPause();
}
 
@Override
protected void onResume() {
    if(webView!=null){//恢復WebView
        webView.onResume();
        webView.resumeTimers();
    }
    super.onResume();
}
&emsp;&emsp;

開啓硬件加速導致的閃爍問題
  問題描述:在應用開啓硬件加速後,WebView可能在加載過程出現閃爍現象。
  解決方案:爲WebView關閉硬件加速功能。

webView.setLayerType(View.LAYER_TYPE_SOFTWARE,null);

https請求失敗的解決方案
  問題描述:在使用WebView加載https協議的網頁或資源時,如果該網站的安全證書不被Android認可,就會出現無法成功加載的問題。
  解決方案:重寫WebViewClient的onReceivedSslError方法,設置其接受所有網站的安全證書。

public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
    handler.proceed();//接受所有網站證書
}

WebView中http和https混合使用的問題
  問題描述:在Android 5.0及以上,WebView可能在加載混合使用http和https的網頁時出現異常。比如在一個https的安全網頁中加載使用http協議的資源將會失敗。
  解決方案:在Android 5.0後利用WebSettings設置WebView支持http和https混合內容模式。

//方式1
webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);
//方式2
webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

  需要注意,MIXED_CONTENT_ALWAYS_ALLOW這個模式是不安全的,建議先使用MIXED_CONTENT_COMPATIBILITY_MODE模式。這個模式會嘗試以安全的方式加載部分http資源,另一部分http資源則不會被加載。資源是否能被加載的判斷依據可能會隨着版本的不同而改變,因此需要根據實際情況決定是否採用這一模式。

setDisplayZoomControls引起的崩潰問題
  問題描述:我們知道,setDisplayZoomControls(true)方法會允許顯示系統縮放按鈕,這個縮放按鈕會在每次出現後的幾秒內逐漸消失。但是在部分系統版本中,如果在縮放按鈕消失前退出了Activity,就可能引起應用崩潰。
  解決方案:調用setDisplayZoomControls(false)方法不顯示系統縮放按鈕,反正使用手勢捏合動作就可以實現網頁的縮放功能了。如果確實需要使用縮放按鈕,就需要在Activity的onDestroy方法中隱藏WebView。

webView.setVisibility(View.GONE);

三、參考文章

  1. https://www.jianshu.com/p/4564be81a108
  2. https://www.jianshu.com/p/daf6d72268a4
  3. https://www.2cto.com/kf/201712/706339.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章