安卓對HTML的處理

一、安卓中網頁基礎


1、調用系統瀏覽器訪問:
Button bt1 = (Button) findViewById(R.id.open_url);
bt1.setOnClickListener(new OnClickListener() {
	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		Uri uri = Uri.parse("http://translate.google.cn/");
		Intent intent = new Intent(Intent.ACTION_VIEW, uri);
		startActivity(intent);
	}
});


Uri.parse()方法返回的是一個URI類型,通過這個URI可以訪問一個網絡上的或者本地的資源,Intent()方法告訴系統調用哪個組件來帶開這個URI。這裏指明的是使用Intent.ACTION_VIEW,這將調用系統裏面的瀏覽器來打開指定的網頁。




2、通過WebView在應用內部打開:
在應用內部打開網頁可以使用WebView控件。WebView是Android裏面的瀏覽器組件,負責打開HTML文件。
setContent()方法動態的添加布局。
loadUrl()方法從網址加載一個網頁。
loadData()和loadDataWithBaseURL()方法都是從字符串來加載一個頁面。


WebView打開網頁的方法如下:
WebView webView=(WebView) findViewById(R.id.webView);
webView.loadUrl("http://www.baidu.com/");


loadUrl的原型如下:
void loadData(String data,String mimeType,String encoding)
其各參數含義如下:
data:數據字符串。
mimeType:表明數據的MIME類型,如text/html。
encoding:數據的編碼,如果參數encoding的值爲base64,則必須使用base64編碼之後的數據。


loadUrl方法在遇到錯誤網頁的時候不會報出異常。
loadData方法不能處理js、https等格式的頁面特效。如果需要檢測頁面異常,可以先對頁面進行判定。
loadDataWithBaseURL()可以加載https等特殊頁面。


在AndroidManifest配置頁面中需要添加網絡權限:
<uses-permission 
        android:name="android.permission.INTERNET"/>


如果點擊WebView的一個鏈接,顯示結果時,已經超出應用的範圍了,如果希望頁面數據可以顯示在應用內部,可以使用WebView的setWebViewClient()方法來解決這個問題。


Button bt_openUrl=(Button) findViewById(R.id.bt_openUrl);
webView=(WebView) findViewById(R.id.webView);        
bt_openUrl.setOnClickListener(new OnClickListener() {			
	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		webView.loadUrl("http://translate.google.cn/m");
//		webView.setWebViewClient(new WebViewClient(){
//			@Override
//			public boolean shouldOverrideUrlLoading(WebView view,
//				String url) {
//				// TODO Auto-generated method stub
//				view.loadUrl(url);
//				return true;
//			}					
//		});
	}
});





3、網頁下載
bt_openUrl.setOnClickListener(new OnClickListener() {			
	@Override
	public void onClick(View v) {
		try {
			URL newUrl=new URL("http://www.baidu.com/");
			URLConnection connect=newUrl.openConnection();
			DataInputStream dis=new DataInputStream(connect.getInputStream());
			BufferedReader in=new BufferedReader(new InputStreamReader(dis,"UTF-8"));
			//BufferedReader in = new BufferedReader(
				new InputStreamReader(connect.getInputStream(),"UTF-8"));
			String html="";
			String readLine=null;
			while ((readLine=in.readLine())!=null) {
			html=html+readLine;
			System.out.println(readLine);						
			}
		} catch (MalformedURLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
});   


爲了保存用戶搜索的頁面,首先需要通過網址生成URL對象,然後打開鏈接,寫入Buffer中,最後寫入字符串中,爲了方便進一步的處理。






二、Android WebView使用基礎
   
1、WebView基本使用
WebView是View的一個子類,可以讓你在activity中顯示網頁。
可以在佈局文件中寫入WebView:比如下面這個寫了一個填滿整個屏幕的WebView: 

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>




加載一個網頁,使用loadUrl():
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");




注意要在manifest中加上訪問網絡的權限:
<manifest ... > 
    <uses-permission android:name="android.permission.INTERNET" /> 
    ... 
</manifest>
 


2、設置WebView要顯示的網頁
設置WevView要顯示的網頁方法有很多:
(1)互聯網頁面直接用: 
myWebView.loadUrl(“http://www.google.com“);


(2)本地文件用:
myWebView.loadUrl(“file:///android_asset/XX.html“);  
本地文件存放在:assets文件中。


(3)還可以直接載入html的字符串,如:
String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>";
// 載入這個html頁面
myWebView.loadData(htmlString, "text/html", "utf-8");
 


3、在WebView中使用JavaScript
如果你想要載入的頁面中用了JavaScript,你必須爲你的WebView使能JavaScript。
一旦能使用之後,你也可以自己創建接口在你的應用和JavaScript代碼間進行交互。
可以通過getSettings()獲得WebSettings,然後用setJavaScriptEnabled()使能使用JavaScript:
WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);






4、處理頁面瀏覽
當用戶點擊了你的WebView中的一個鏈接,默認的行爲是Android啓動一個處理URL的應用,通常,默認的瀏覽器打開並下載目標URL。
但是,你可以在你的WebView中覆蓋這一行爲,使得連接仍在你的WebView中打開。
之後,根據在WebView中維護的網頁瀏覽歷史,你可以允許用戶向前或向後瀏覽他們的網頁。
(1)在WebView中打開所有鏈接
要打開用戶點擊的鏈接,只需要用setWebViewClient()方法向你的WebView提供一個WebViewClient 比如:
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com/");
//myWebView.setWebViewClient(new WebViewClient());
myWebView.setWebViewClient(new WebViewClient(){
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url)
        {
     view.loadUrl(url);
	  return true;
        }
});


此時就OK了, 就可以在你的WebView中打開鏈接了。


(2)注意:
大部分網址,比如:http://translate.google.cn/m,有了WebView,第一次打開就能在WebView中,但是有一些網址比如:http://www.baidu.com/,有了WebView,第一次打開卻在默認瀏覽器中。但是不論哪一種,如果調用了setWebViewClient()函數所有的網頁就會都在WebView中顯示。


(3)關於打開鏈接位置的更多控制
如果你對在哪裏打開鏈接需要更多的控制,你可以創建自己的類,繼承 WebViewClient,然後覆寫shouldOverrideUrlLoading()方法。
比如下面這個:
    
private class MyWebViewClient extends WebViewClient
    {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url)
        {
       if(Uri.parse(url).getHost().equals("http://www.example.com/"))
            {
                // This is my web site, so do not override; let my WebView load
                // the page
                return false;
            }
            // Otherwise, the link is not for a page on my site, so launch
            // another Activity that handles URLs
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;
        }
    }


將特定的鏈接用自己的WebView打開,其他鏈接用瀏覽器(intent啓動了默認的處理URL的Activity)。
定義完之後把這個類的對象傳入setWebViewClient()方法即可。 
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebViewClient(new MyWebViewClient());




(4)瀏覽網頁歷史回退
當你的WebView覆寫了URL載入的行爲,它會自動地對訪問過的網頁積累一個歷史,你可以利用 goBack() 和 goForward()方法在這個歷史中前進或後退。
比如說使用後退鍵進行網頁後退:
   
 /**
     * 按鍵響應,在WebView中查看網頁時,按返回鍵的時候按瀏覽歷史退回,如果不做此項處理則整個WebView返回退出
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        // Check if the key event was the Back button and if there's history
        if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack())
        {
            // 返回鍵退回
            myWebView.goBack();
            return true;
        }
        // If it wasn't the Back key or there's no web page history, bubble up
        // to the default
        // system behavior (probably exit the activity)
        return super.onKeyDown(keyCode, event);
    }


canGoBack() 方法在網頁可以後退時返回true。
類似的,canGoForward()方法可以檢查是否有可以前進的歷史記錄。
如果你不執行這種檢查,一旦 goBack() 和 goForward()方法到達歷史記錄頂端,它們將什麼也不做。
如果不加這種設置,在用戶按下Back鍵時,如果是WebView顯示網頁,則會將WebView作爲整體返回。




5、程序實例
附上完整的程序:
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;


@SuppressLint("SetJavaScriptEnabled")
public class WebActivity extends Activity
{
    private WebView myWebView = null;


    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web);


        // 打開網頁
        myWebView = (WebView) findViewById(R.id.webview);
        //


        // myWebView.loadUrl("http://www.cnblogs.com/mengdd/");// 博客鏈接
        myWebView.loadUrl("http://www.baidu.com/");// 百度鏈接


        // JavaScript使能(如果要加載的頁面中有JS代碼,則必須使能JS)
        WebSettings webSettings = myWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);


        // 在WebView中打開鏈接(默認行爲是使用瀏覽器,設置此項後都用WebView打開)
        // myWebView.setWebViewClient(new WebViewClient());
        // 這樣設置後所有的鏈接都會在當前WebView中打開


        // 更強的打開鏈接控制:自己覆寫一個WebViewClient類:除了指定鏈接從WebView打開,其他的鏈接默認打開
        myWebView.setWebViewClient(new MyWebViewClient());


    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu)
    {
        getMenuInflater().inflate(R.menu.activity_web, menu);
        return true;
    }


    /**
     * 自定義的WebViewClient類,將特殊鏈接從WebView打開,其他鏈接仍然用默認瀏覽器打開
     * 
     * @author 1
     * 
     */
    private class MyWebViewClient extends WebViewClient
    {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url)
        {
            if (Uri.parse(url)
                    .getHost()
                    .equals("http://www.cnblogs.com/mengdd/archive/2013/02/27/2935811.html")
                    || Uri.parse(url).getHost()
                            .equals("http://music.baidu.com/"))
            {
                // This is my web site, so do not override; let my WebView load
                // the page


                // 這是官網上的例子,但是我點擊特定鏈接的時候仍然是用瀏覽器而不是用自己的WebView打開,加上下面這句view.loadUrl(url)仍然是用瀏覽器,無解,不知道哪裏出了問題
                // view.loadUrl(url);
                return false;
            }
            // Otherwise, the link is not for a page on my site, so launch
            // another Activity that handles URLs
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;
        }
    }


    /**
     * 按鍵響應,在WebView中查看網頁時,按返回鍵的時候按瀏覽歷史退回,如果不做此項處理則整個WebView返回退出
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        // Check if the key event was the Back button and if there's history
        if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack())
        {
            // 返回鍵退回
            myWebView.goBack();
            return true;
        }
        // If it wasn't the Back key or there's no web page history, bubble up
        // to the default
        // system behavior (probably exit the activity)
        return super.onKeyDown(keyCode, event);
    }


}






三、安卓WebView總結


瀏覽器控件是每個開發環境都具備的,這爲馬甲神功提供了用武之地,windows的有webbrowser,android和ios都有webview。只是其引擎不同,相對於微軟的webbrowser,android及ios的webview的引擎都是webkit,對Html5提供支持。本篇主要介紹android的webview之強大。
A.    webview組件如何使用
 
1)       添加權限:AndroidManifest.xml中必須使用許可"android.permission.INTERNET",否則會出Web page not available錯誤。
2)       在要Activity中生成一個WebView組件:WebView webView = new WebView(this);或者可以在activity的layout文件裏添加webview控件:
<WebView
android:id="@+id/wv"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:text="@string/hello"
    />


3)       設置WebView基本信息:
          如果訪問的頁面中有Javascript,則webview必須設置支持Javascript。
          webview.getSettings().setJavaScriptEnabled(true);  
          觸摸焦點起作用
          requestFocus();
          取消滾動條
          this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
 
4)       設置WevView要顯示的網頁:
          互聯網用:webView.loadUrl("http://www.google.com"); 
          本地文件用:webView.loadUrl("file:///android_asset/XX.html");  本地文件存放在:assets文件中
5)       如果希望點擊鏈接由自己處理,而不是新開Android的系統browser中響應該鏈接。給WebView添加一個事件監聽對象(WebViewClient)並重寫其中的一些方法:
 shouldOverrideUrlLoading:對網頁中超鏈接按鈕的響應。當按下某個連接時WebViewClient會調用這個方法,並傳遞參數:按下的url。比如當webview內嵌網頁的某個數字被點擊時,它會自動認爲這是一個電話請求,會傳遞url:tel:123,如果你不希望如此可通過重寫shouldOverrideUrlLoading函數解決:
  
public boolean shouldOverrideUrlLoading(WebView view,String url){  
  
        if(url.indexOf("tel:")<0){//頁面上有數字會導致連接電話  
  
            view.loadUrl(url);  
  
        }  
  
           return true;            
  
       }  





        另外還有其他一些可重寫的方法 
1,接收到Http請求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) 
2,打開鏈接前的事件
public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } 
這個函數我們可以做很多操作,比如我們讀取到某些特殊的URL,於是就可以不打開地址,取消這個操作,進行預先定義的其他操作,這對一個程序是非常必要的。
 
3,載入頁面完成的事件
public void onPageFinished(WebView view, String url){ } 
同樣道理,我們知道一個頁面載入完成,於是我們可以關閉loading條,切換程序動作。
 
4,載入頁面開始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) { } 
這個事件就是開始載入頁面調用的,通常我們可以在這設定一個loading的頁面,告訴用戶程序在等待網絡響應。
 
通過這幾個事件,我們可以很輕鬆的控制程序操作,一邊用着瀏覽器顯示內容,一邊監控着用戶操作實現我們需要的各種顯示方式,同時可以防止用戶產生誤操作。
      
6)       如果用webview點鏈接看了很多頁以後,如果不做任何處理,點擊系統“Back”鍵,整個瀏覽器會調用finish()而結束自身,如果希望瀏覽的網頁回退而不是退出瀏覽器,需要在當前Activity中處理並消費掉該Back事件。
       覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法。
  
public boolean onKeyDown(int keyCoder,KeyEvent event){  
                        if(webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){  
                                 webview.goBack();   //goBack()表示返回webView的上一頁面  
  
                                return true;  
                         }  
                         return false;  
                }  






B.    Webview與js交互
Webview與js的雙向交互纔是android的webview強大所在,也是馬甲精神能夠徹底執行的基礎保障。


//activity_main.xml
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.webviewdemo.MainActivity"
    android:orientation="vertical" >


    <Button 
        android:id="@+id/bt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="點擊"
        android:onClick="btnClick"/>
    
    <WebView 
        android:id="@+id/wv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>


</LinearLayout>








//MainActivity.java
public class MainActivity extends Activity {
	WebView wv;
   
    @SuppressLint({  "SetJavaScriptEnabled", "JavascriptInterface" }) 
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        wv=(WebView) findViewById(R.id.wv);
        WebSettings webSettings = wv.getSettings();
        webSettings.setJavaScriptEnabled(true);
      //讓WebView加載本地html文件  
        wv.loadUrl("file:///android_asset/demo.html");  
        wv.setWebChromeClient(new WebChromeClient());  
        //設置WebView的js接口,通過此處的設置,讓js可以調用Java代碼  
        wv.addJavascriptInterface(MainActivity.this, "client");  
       
    }
    
  //這是Activity中顯示的按鈕的點擊事件,測試通過Java調用js方法  
    public void btnClick(View view){  
    	wv.loadUrl("javascript:test()");  
    }  


    //這是將會被js調用的Java方法,當html文件中的按鈕被點擊時執行該方法 
    //安卓API達到17需要加上 @JavascriptInterface
    @JavascriptInterface
    public void showToast(){  
        Toast.makeText(MainActivity.this, "this function is called by js", Toast.LENGTH_SHORT).show();  
    }  
}




//demo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
</head>
<body>
<script language='javascript'>


<!-- 該方法是被Java代碼調用的 -->
function test(){
	alert('my name is yubo');
}


<!-- 該方法最後將調用Java代碼中的showToast()方法 -->
function btnclick(){	
	client.showToast();
}


</script>


<!-- html顯示文本 -->
hello, world!


<br/>


<!-- html顯示按鈕 -->
<input type="button" value="show toast" οnclick="btnclick()"/>
</body>
</html>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章