1. 程式人生 > >Android使用WebView載入網頁

Android使用WebView載入網頁

在AndroidManifest.xml設定訪問網路許可權:

<span style="font-size:24px;"><span style="font-size:24px;"><uses-permission android:name="android.permission.INTERNET"/></span></span>
控制元件:
<span style="font-size:24px;"><span style="font-size:24px;"><WebView 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    /></span></span>
關鍵程式碼:
<span style="font-size:24px;">              mWebView=(WebView) findViewById(R.id.webView);
	    	mWebView.setVisibility(View.VISIBLE);
	    	WebSettings webSettings = mWebView.getSettings();
	    	webSettings.setJavaScriptEnabled(true);
	    	
	    	mWebView.loadUrl("http://www.baidu.com"); </span>
但是如果只是用上面的程式碼會預設呼叫瀏覽器載入網頁,不是在webview里加載網頁

方法是使用setWebViewClient

<span style="font-size:24px;">import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.test);             
        init();

    }
    
    private void init(){
        webView = (WebView) findViewById(R.id.webView);
        //WebView載入web資源
       webView.loadUrl("http://baidu.com");
        //覆蓋WebView預設使用第三方或系統預設瀏覽器開啟網頁的行為,使網頁用WebView開啟
       webView.setWebViewClient(new WebViewClient(){
           @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub
               //返回值是true的時候控制去WebView開啟,為false呼叫系統瀏覽器或第三方瀏覽器
             view.loadUrl(url);
            return true;
        }
       });
    }
    
}</span>
3.如果訪問的頁面中有Javascript,則webview必須設定支援Javascript
<span style="font-size:24px;">//啟用支援javascript
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);</span>
4,如果希望瀏覽的網頁後退而不是退出瀏覽器,需要WebView覆蓋URL載入,讓它自動生成歷史訪問記錄,那樣就可以通過前進或後退訪問已訪問過的站點。
<span style="font-size:24px;">//改寫物理按鍵——返回的邏輯
    @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);
    }</span>
5,判斷頁面載入過程
<span style="font-size:24px;">webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
                if (newProgress == 100) {
                    // 網頁載入完成

                } else {
                    // 載入中

                }

            }
        });</span>
webview有兩個方法:setWebChromeClient 和 setWebClient
setWebViewClient:主要處理解析,渲染網頁等瀏覽器做的事情
setWebChromeClient:輔助WebView處理Javascript的對話方塊,網站圖示,網站title,載入進度等

WebViewClient就是幫助WebView處理各種通知、請求事件的。

WebChromeClient是輔助WebView處理Javascript的對話方塊,網站圖示,網站title,載入進度等
onCloseWindow(關閉WebView)
onCreateWindow()
onJsAlert (WebView上alert是彈不出來東西的,需要定製你的WebChromeClient處理彈出)
onJsPrompt
onJsConfirm
onProgressChanged
onReceivedIcon
onReceivedTitle
比如可以新增進度條,使得介面更友好

<span style="font-size:24px;">webview1.setWebChromeClient(new WebChromeClient() 
        {          
            public void onProgressChanged(WebView view, int progress)   
            {   
                setProgress(progress * 100);     
                if(progress == 100){     
                    imageView1.setVisibility(View.GONE); 
                    tv1.setVisibility(View.GONE);
                    pb1.setVisibility(View.GONE);
                    fy1.setVisibility(View.GONE);
                }
            }
        }
        );    </span>
WebViewClient就是幫助WebView處理各種通知、請求事件的,具體來說包括:
onLoadResource
onPageStart
onPageFinish
onReceiveError
onReceivedHttpAuthRequest 
<span style="font-size:24px;">webview1.setWebViewClient(new WebViewClient() {                     
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl)   
            { // Handle the error  
               Toast.makeText(getApplicationContext(), "網路連線失敗 ,請連線網路。", Toast.LENGTH_SHORT).show();
}        
   public boolean shouldOverrideUrlLoading(WebView view, String url) 
      { 
            view.loadUrl(url); return true; } }); //設定字符集編碼  
            webview1.getSettings().setDefaultTextEncodingName("UTF-8");
            webview1.loadUrl("http://www.android100.org/");</span>