Android控件之WebView，加載一個網頁

對於菜鳥小白來說，想要學習安卓網絡編程必須要了解著名的WebView控件。一下是我對WebView的瞭解。

WebView控件在java方法常用的方法：

setWebChlient:主要處理解析，渲染網頁等瀏覽器做的事情

setWebChromeClient:輔助WebView處理JavaScript的對話框，網站圖標，網頁title，加載進度等

loadData();將給定數據加載到瀏覽器

loadDataWithBaseURL()；使用基本URL加載給定數據

loadUrl();利用給定網址加載網頁

stopLoading（）；停止加載當前頁面

首先在項目AndroidManifest.xml文件裏授權訪問因特網：

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

在佈局文件裏寫入WebView控件：

<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:layout_margin="10dp"

在java文件裏註冊實例化WebView：

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

加載本地資源

( example.html 存放在assets文件夾內):

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("file:///android_asset/example.html");

使用物理鍵控制網頁的前進和後退，而不是程序的退出。

//改寫物理按鍵——返回的邏輯    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        if(keyCode==KeyEvent.KEYCODE_BACK)
        {
            if(webView.canGoBack())
            {
                webView.goBack();//返回上一頁面
                return true;
            }
            else
            {
                System.exit(0);//退出程序            }
        }
        return super.onKeyDown(keyCode, event);
    }

判斷頁面加載過程

webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
                if (newProgress == 100) {
                    // 網頁加載完成
                } else {
                    // 加載中
                }

            }
        });

緩存的使用

 優先使用緩存：

webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

不使用緩存：

webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

以上參考文獻：https://blog.csdn.net/peixiaopao/article/details/75604979 

實例

activity_main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="yongjie.com.webview.MainActivity"
    android:background="@mipmap/beijingtud"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        
        <EditText
            android:id="@+id/ed_url"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="8"
            android:hint="@string/input_url"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="前往"
            android:onClick="doGo"/>
    </LinearLayout>
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
       android:layout_margin="10dp"

        >

    </WebView>
    

</LinearLayout>

MainActivity.java

package yongjie.com.webview;
/**
* 通過WebView瀏覽網頁
*/

import android.app.Activity;
import android.os.Bundle;
import android.provider.Settings;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends Activity {
    //輸入網址框
    private EditText edUrl;
    //網頁顯示控件
    private WebView webView;
    //網址字符串
    private String strUrl;



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

        edUrl = findViewById(R.id.ed_url);
        webView = findViewById(R.id.webView);


    }


    /**
     * 對按鈕進行監聽
     * @param view
     */
    public void doGo(View view){
        //獲得用戶輸入的網子
        strUrl=edUrl.getText().toString();
        //判斷網址是否以http打頭
        if (checkURL(strUrl)){
            openBrowser(strUrl);
            
        }else{
            Toast.makeText(this, "網址必須有http開頭", Toast.LENGTH_SHORT).show();
        }
    }
    /**
     * 讓瀏覽器加載引擎，顯示網頁
     */
    protected void  openBrowser(String url){
        //設置javaScript可用,啓用支持javascript
        webView.getSettings().setJavaScriptEnabled(true);
        //創建並設置Web客戶端
        // 創建並設置web客戶端
        webView.setWebViewClient(new WebViewClient() {

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true; // 返回true在webview裏顯示網頁，否則調用安卓自帶瀏覽器或第三方瀏覽器顯示網頁
            }

        });
        // 加載網址，顯示網頁內容
        webView.loadUrl(strUrl);
    }
    /**
     * 功能：檢查網址是否以“http://”打頭
     *
     * @param url
     *            網址
     * @return 合法網址返回真，否則返回假
     */
    private boolean checkURL(String url) {
        if (url.length() > 7) {
            if (url.substring(0, 7).equalsIgnoreCase("http://")) {
                return true;
            }
        }
        return false;
    }

    /**
     * 通過物理鍵實現網頁前進和後退
     * @param keyCode
     * @param event
     * @return
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if (keyCode==KeyEvent.KEYCODE_BACK){//返回鍵監聽
            if(webView.canGoBack()){
                webView.goBack();//返回上頁面
                return  true;
            }
            else {
                System.exit(0);//退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}