一.概覽：

          Android WebView在Android平臺(tái)上是一個(gè)特殊的View， 他能用來(lái)顯示網(wǎng)頁(yè)，這個(gè)類(lèi)可以被用來(lái)在你的app中僅僅顯示一張?jiān)诰€(xiàn)的網(wǎng)頁(yè)，還可以用來(lái)開(kāi)發(fā)瀏覽器。WebView內(nèi)部實(shí)現(xiàn)是采用渲染引擎來(lái)展示view的內(nèi)容，提供網(wǎng)頁(yè)前進(jìn)后退，網(wǎng)頁(yè)放大，縮小，搜索，在Android 4.3系統(tǒng)及其已下WebView內(nèi)部采用Webkit渲染引擎，在Android 4.4采用chromium 渲染引擎來(lái)渲染View的內(nèi)容。

二.WebView的基本使用(創(chuàng)建 webview 大致可以分為一下兩種方式)

（2）在xml中配置WebView 

<Webview 

 android:layout_width="match_parent"  

 android:layout_height="match_parent" > 

</Webview> 

三.注意事項(xiàng)

  WebSettings webSettings =   mWebView .getSettings();         webSettings.setUseWideViewPort(true);//設(shè)置此屬性，可任意比例縮放  webSettings.setLoadWithOverviewMode(true);頁(yè)面支持縮放：
  WebSettings webSettings =   mWebView .getSettings();         webSettings.setjavaScriptEnabled(true);    webSettings.setBuiltInZoomControls(true);  webSettings.setSupportZoom(true);
如果webView中需要用戶(hù)手動(dòng)輸入用戶(hù)名、密碼或其他，則webview必須設(shè)置支持獲取手勢(shì)焦點(diǎn)。
  webview.requestFocusFromTouch();
WebView 加載界面主要調(diào)用三個(gè)方法：LoadUrl、LoadData、LoadDataWithBaseURL. 
    1、LoadUrl            直接加載網(wǎng)頁(yè)、圖片并顯示.（本地或是網(wǎng)絡(luò)上的網(wǎng)頁(yè)、圖片、gif）      2、LoadData            顯示文字與圖片內(nèi)容    3、LoadDataWithBase             顯示文字與圖片內(nèi)容WebSettings 的常用方法介紹        setJavascriptEnabled(true);  //支持js       setPluginsEnabled(true);  //支持插件        setUseWideViewPort(false);  //將圖片調(diào)整到適合webview的大小        setSupportZoom(true);  //支持縮放        setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持內(nèi)容重新布局         supportMultipleWindows();  //多窗口        setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //關(guān)閉webview中緩存         setAllowFileaccess(true);  //設(shè)置可以訪(fǎng)問(wèn)文件        setNeedInitialFocus(true); //當(dāng)webview調(diào)用requestFocus時(shí)為webview設(shè)置節(jié)點(diǎn)       webview webSettings.setBuiltInZoomControls(true); //設(shè)置支持縮放        setJavaScriptCanOpenWindowsAutomatically(true); //支持通過(guò)JS打開(kāi)新窗口         setLoadWithOverviewMode(true); // 縮放至屏幕的大小       setLoadsImagesAutomatically(true);  //支持自動(dòng)加載圖片WebViewClient 的方法全解      doUpdateVisitedHistory(WebView view, String url, boolean isReload)  //(更新歷史記錄)       onFormResubmission(WebView view, Message dontResend, Message resend) //(應(yīng)用程序重新請(qǐng)求網(wǎng)頁(yè)數(shù)據(jù))       onLoadResource(WebView view, String url) // 在加載頁(yè)面資源時(shí)會(huì)調(diào)用，每一個(gè)資源（比如圖片）的加載都會(huì)調(diào)用一次。       onPageStarted(WebView view, String url, Bitmap favicon) //這個(gè)事件就是開(kāi)始載入頁(yè)面調(diào)用的，通常我們可以在這設(shè)定一個(gè)loading的頁(yè)面，告訴用戶(hù)程序在等待網(wǎng)絡(luò)響應(yīng)。       onPageFinished(WebView view, String url) //在頁(yè)面加載結(jié)束時(shí)調(diào)用。同樣道理，我們知道一個(gè)頁(yè)面載入完成，于是我們可以關(guān)閉loading 條，切換程序動(dòng)作。       onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (報(bào)告錯(cuò)誤信息)       onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//（獲取返回信息授權(quán)請(qǐng)求）      onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重寫(xiě)此方法可以讓webview處理https請(qǐng)求。      onScaleChanged(WebView view, float oldScale, float newScale) // (WebView發(fā)生改變時(shí)調(diào)用)      onUnhandledKeyEvent(WebView view, KeyEvent event) //（Key事件未被加載時(shí)調(diào)用）      shouldOverrideKeyEvent(WebView view, KeyEvent event)//重寫(xiě)此方法才能夠處理在瀏覽器中的按鍵事件。     shouldOverrideUrlLoading(WebView view, String url) //在點(diǎn)擊請(qǐng)求的是鏈接是才會(huì)調(diào)用，重寫(xiě)此方法返回true表明點(diǎn)擊網(wǎng)頁(yè)里面的鏈接還是在當(dāng)前的webview里跳轉(zhuǎn)，不跳到瀏覽器那邊。這個(gè)函數(shù)我們可以做很多操作，比如我們讀取到某些特殊的URL，于是就可以不打開(kāi)地址，取消這個(gè)操作，進(jìn)行預(yù)先定義的其他操作，這對(duì)一個(gè)程序是非常必要的。
四.具體操作
   預(yù)覽如下圖所示：
首先我們來(lái)自定義一個(gè)帶進(jìn)度條的WebView,名字為PRogressWebView：
public class ProgressWebView extends WebView {    private ProgressBar progressbar;    public ProgressWebView(Context context, AttributeSet attrs) {        super(context, attrs);        progressbar = new ProgressBar(context, null,                android.R.attr.progressBarStyleHorizontal);        progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,                10, 0, 0));        Drawable drawable = context.getResources().getDrawable(R.drawable.progress_bar_states);        progressbar.setProgressDrawable(drawable);        addView(progressbar);        setWebViewClient(new MyWebViewClient());        setWebChromeClient(new MyWebChromeClient());        //是否可以縮放        getSettings().setSupportZoom(true);        getSettings().setBuiltInZoomControls(true);        getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);        getSettings().setSupportMultipleWindows(true);        getSettings().setJavaScriptCanOpenWindowsAutomatically(true);        getSettings().setDomStorageEnabled(true);        getSettings().setPluginState(WebSettings.PluginState.ON);        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {            getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);        }    }    public class MyWebChromeClient extends WebChromeClient {        @Override        public void onProgressChanged(WebView view, int newProgress) {            if (newProgress == 100) {                progressbar.setVisibility(GONE);            } else {                if (progressbar.getVisibility() == GONE)                    progressbar.setVisibility(VISIBLE);                progressbar.setProgress(newProgress);            }            super.onProgressChanged(view, newProgress);        }        @Override        public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {            WebView mWebView = new WebView(view.getContext());            WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;            transport.setWebView(mWebView);            resultMsg.sendToTarget();            return true;        }    }    public class MyWebViewClient extends WebViewClient {        @Override        public boolean shouldOverrideUrlLoading(WebView view, String url) {            view.loadUrl(url);            return true;        }        @Override        public void onReceivedSslError(WebView view, SslErrorHandler handler, android.net.http.SslError error) {            handler.proceed();        }        @Override        public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {            return super.shouldOverrideKeyEvent(view, event);        }    }    @Override    protected void onScrollChanged(int l, int t, int oldl, int oldt) {        LayoutParams lp = (LayoutParams) progressbar.getLayoutParams();        lp.x = l;        lp.y = t;        progressbar.setLayoutParams(lp);        super.onScrollChanged(l, t, oldl, oldt);    }}下面我們來(lái)看一下drawable目錄下的progress_bar_states.xml是如何寫(xiě)的：
<?xml version="1.0" encoding="utf-8"?><!-- 層疊 --><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >    <item android:id="@android:id/background">        <shape>            <corners android:radius="2dp" />            <gradient                android:angle="270"                android:centerColor="#E3E3E3"                android:endColor="#E6E6E6"                android:startColor="#C8C8C8" />        </shape>    </item>    <item android:id="@android:id/progress">        <clip>            <shape>                <corners android:radius="2dp" />                <gradient                    android:centerColor="#4AEA2F"                    android:endColor="#31CE15"                    android:startColor="#5FEC46" />            </shape>        </clip>    </item></layer-list><layer-list>這個(gè)標(biāo)簽可能我們不是很熟悉，因?yàn)槲覀円话愠Ｓ玫木褪?lt;shape>和<selector>這兩個(gè)，layer-list是將多個(gè)圖片或上面兩種效果按照順序?qū)盈B起來(lái)，layer就像photoshop中的圖層一樣。其中有個(gè)<clip>標(biāo)簽，是可以用來(lái)剪載圖片顯示，例如，可以通過(guò)它來(lái)做進(jìn)度度。你可以選擇是從水平或垂直方向剪載。自定義好ProgressWebView之后，我們只需要在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"    android:orientation="vertical">    <RelativeLayout        android:id="@+id/title"        android:layout_width="match_parent"        android:layout_height="48dp"        android:background="#22292c">        <ImageView            android:id="@+id/iv_back"            android:layout_width="40dp"            android:layout_height="match_parent"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            android:paddingBottom="5dp"            android:paddingLeft="5dp"            android:paddingRight="5dp"            android:paddingTop="5dp"            android:scaleType="centerInside"            android:src="@drawable/top_bar_back" />        <View            android:id="@+id/view_temp"            android:layout_width="1dp"            android:layout_height="match_parent"            android:layout_marginBottom="8dp"            android:layout_marginTop="8dp"            android:layout_toRightOf="@id/iv_back"            android:background="#14191A" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerVertical="true"            android:layout_marginLeft="10dp"            android:layout_toRightOf="@id/view_temp"            android:text="具體名稱(chēng)"            android:textColor="#ffffff"            android:textSize="18sp" />        <ImageView            android:layout_width="40dp"            android:layout_height="match_parent"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:paddingBottom="5dp"            android:paddingLeft="5dp"            android:paddingRight="5dp"            android:paddingTop="5dp"            android:scaleType="centerInside"            android:src="@drawable/icon_wallet_more" />    </RelativeLayout>    <com.xxx.xxx.module.setting.ProgressWebView        android:id="@+id/baseweb_webview"        android:layout_width="match_parent"        android:layout_height="match_parent" /></LinearLayout>
預(yù)覽如下
接著我們定義一個(gè)BaseWebActivity來(lái)顯示我們自定義的WebView
public class BaseWebActivity extends Activity {    protected ProgressWebView mWebView;    @Override    protected void onCreate(Bundle savedInstanceState) {        // TODO Auto-generated method stub        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_baseweb);        mWebView = (ProgressWebView) findViewById(R.id.baseweb_webview);        mWebView.getSettings().setJavaScriptEnabled(true);        mWebView.getSettings().setSupportZoom(true);        mWebView.getSettings().setBuiltInZoomControls(true);        mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);        mWebView.getSettings().setSupportMultipleWindows(true);        mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);        initData();    }    private void initData() {        Intent intent = getIntent();        String url = intent.getStringExtra("url");        if (url != null) {            mWebView.loadUrl(url);        }    }    @Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {            mWebView.goBack();            return true;        }        return super.onKeyDown(keyCode, event);    }} 然后調(diào)用這個(gè)Activity即可，例如：
public class AboutUsActivity extends BaseSubActivity {    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_setting_about);        findViewById(R.id.html_app).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                String url = "http://xxxxx.html";                Intent intent = new Intent(AboutUsActivity.this, BaseWebActivity.class);                intent.putExtra("url", url);                startActivity(intent);            }        });    }    @Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        if (keyCode == KeyEvent.KEYCODE_BACK) {            new AlertDialog.Builder(this).setTitle("退出").setMessage("確認(rèn)要退出嗎？").setPositiveButton("OK", new DialogInterface.OnClickListener() {                @Override                public void onClick(DialogInterface dialog, int which) {                    TOAST.showShort("確認(rèn)退出");                }            }).setNegativeButton("CANCLE", new DialogInterface.OnClickListener() {                @Override                public void onClick(DialogInterface dialog, int which) {                    TOAST.showShort("取消退出");                }            }).create().show();            return false;        }        return super.onKeyDown(keyCode, event);    }}