Android--WebView

本文轉載自查看原文 2012-08-10 16:23 3858 Android--WebView

WebView(網絡視圖)能加載顯示網頁，可以將其視為一個瀏覽器。它使用了WebKit渲染引擎加載顯示網頁，實現WebView有以下兩種不同的方法：
第一種方法的步驟：
1.在要Activity中實例化WebView組件：WebView webView = new WebView(this);
2.調用WebView的loadUrl()方法，設置WevView要顯示的網頁：
互聯網用：webView.loadUrl("http://www.google.com");
本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.調用Activity的setContentView( )方法來顯示網頁視圖
4.用WebView點鏈接看了很多頁以后為了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加權限，否則會出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET" />
下面是具體例子：
MainActivity.java
package com.android.webview.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;

public class MainActivity extends Activity {
    private WebView webview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //實例化WebView對象
        webview = new WebView(this);
        //設置WebView屬性，能夠執行Javascript腳本
        webview.getSettings().setJavaScriptEnabled(true);
        //加載需要顯示的網頁
        webview.loadUrl("http://www.51cto.com/");
        //設置Web視圖
        setContentView(webview);
    }

    @Override
    //設置回退
    //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
            webview.goBack(); //goBack()表示返回WebView的上一頁面
            return true;
        }
        return false;
}
在AndroidManifest.xml文件中的17行添加權限
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.android.webview.activity"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="10" />

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>
效果圖：

第二種方法的步驟：
1、在布局文件中聲明WebView
2、在Activity中實例化WebView
3、調用WebView的loadUrl( )方法，設置WevView要顯示的網頁
4、為了讓WebView能夠響應超鏈接功能，調用setWebViewClient( )方法，設置 WebView視圖
5、用WebView點鏈接看了很多頁以后為了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面
6、需要在AndroidManifest.xml文件中添加權限，否則出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET"/>
下面是具體的例子：
MainActivity.java
package com.android.webview.activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
    private WebView webview;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        webview = (WebView) findViewById(R.id.webview);
        //設置WebView屬性，能夠執行Javascript腳本
        webview.getSettings().setJavaScriptEnabled(true);
        //加載需要顯示的網頁
        webview.loadUrl("http://www.51cto.com/");
        //設置Web視圖
        webview.setWebViewClient(new HelloWebViewClient ());
    }

    @Override
    //設置回退
    //覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
            webview.goBack(); //goBack()表示返回WebView的上一頁面
            return true;
        }
        return false;
    }

    //Web視圖
    private class HelloWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />
</LinearLayout>
在AndroidManifest.xml文件中的17行添加權限
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.android.webview.activity"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="10" />

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>
效果圖：

另一篇：http://blog.csdn.net/chenshijun0101/article/details/7045394

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函數解決：

[java] view plain copy print ?

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)方法。

[java] view plain copy print ?

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強大所在，也是馬甲精神能夠徹底執行的基礎保障。

首先，webview可以定義一個在其內嵌頁面中可以觸發的事件

[java] view plain copy print ?

wv.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");
rivate final class DemoJavaScriptInterface
{
nbsp;DemoJavaScriptInterface(){}
public void clickonAndroid( final String order){
mHandler.post(newRunnable(){
@Override
public void run(){
jsonText="{"name":""+order+""}";
wv.loadUrl("javascript:wave("+jsonText+")");
}
});
}

通過以上代碼，即可實現在其內嵌網頁中觸發window.demo.clickOnAndroid(str)事件並傳參數str給webview。Webview接收到str之后，可以通過以上代碼觸發其內嵌頁面中的js函數wave(str)。這樣就可以實現網頁觸發webview的事件並傳參數，webview接收參數並調用js函數。

下面看我的Html腳本：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

function toclient()

{

var order=$("#val").val();

window.demo.clickonAndroid(order);

}

function wave(str){

//alert(str.name);

$("#fromclient").text(str.name);

}

</script>

</head>

<body>這是一個html頁面

<br/>

輸入一個字符串：<br/>

<input type="submit" value="點擊提交給客戶端"

onclick="toclient();"/>

<br />

顯示返回：<label id="fromclient"></label>

</body>

</html>

通過腳本看到wave（str）函數是負責將原來傳給webview的數據重新拿回頁面，效果圖如下：

另外，如果你想獲取頁面的一些處理數據並交給webview客戶端處理，可在wave函數里將數據alert，然后webview中重寫WebChromeClient的onJsAlert函數，具體代碼如下

[java] view plain copy print ?

wv.setWebChromeClient(new MyWebChromeClient());
final class MyWebChromeClient extends WebChromeClient{
@Override
public booleanonJsAlert(WebView view, String url, String message, final JsResult result) {
//message就是wave函數里alert的字符串，這樣你就可以在android客戶端里對這個數據進行處理
result.confirm();
}
return true;
}

關於用WebView或手機瀏覽器打開連接問題轉自：http://blog.csdn.net/chenshijun0101/article/details/7045145

1.通常情況下 大家可能都想使用WebView打開網頁內部鏈接而不想再調用手機瀏覽器，我們可以通過以下兩種方法實現：

(1)為WebView設置一個WebViewClient，並重寫shouldOverrideUrlLoading(WebView view, String url)方法。

[java] view plain copy print ?

class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url){
// 重寫此方法表明點擊網頁里面的鏈接還是在當前的webview里跳轉，不跳到瀏覽器那邊
view.loadUrl(url);
return true;
}
}

class MyWebViewClient extends WebViewClient {

    @Override

    public boolean shouldOverrideUrlLoading(WebView view, String url){

    // 重寫此方法表明點擊網頁里面的鏈接還是在當前的webview里跳轉，不跳到瀏覽器那邊

       view.loadUrl(url);

       return true;

       }

}

(2)為WebView設置一個WebViewClient，並重寫onPageStarted(WebView view, String url, Bitmap favicon)方法。

[java] view plain copy print ?

class MyWebViewClient extends WebViewClient {
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
// TODO Auto-generated method stub
super.onPageStarted(view, url, favicon);
}
}

class MyWebViewClient extends WebViewClient {

    @Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

    // TODO Auto-generated method stub

    super.onPageStarted(view, url, favicon);

}

}

這兩種方法其實都是讓參數view（WebView）加載參數url從而避免手機瀏覽器加載url，第一種方式更常用一些。

2.但有些情況下 我們可能想用WebView打開大部分鏈接，而有些鏈接我們希望調用手機瀏覽器來打開，我最近的一個項目中就有這樣的需求。這樣其實也很簡單，我們只需要對上面第一種方法加以修改即可。

[java] view plain copy print ?

class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// 重寫此方法表明點擊網頁里面的鏈接還是在當前的webview里跳轉，不跳到瀏覽器那邊
if (openWithWevView(url)) {
view.loadUrl(url);
}else{
Uri uri = Uri.parse(url); //url為你要鏈接的地址
Intent intent =new Intent(Intent.ACTION_VIEW, uri);
startActivity(intent);
}
return true;
}

class MyWebViewClient extends WebViewClient {

    @Override

    public boolean shouldOverrideUrlLoading(WebView view, String url) {

    // 重寫此方法表明點擊網頁里面的鏈接還是在當前的webview里跳轉，不跳到瀏覽器那邊

           if (openWithWevView(url)) {

              view.loadUrl(url);

           }else{

              Uri uri = Uri.parse(url); //url為你要鏈接的地址

              Intent intent =new Intent(Intent.ACTION_VIEW, uri);

              startActivity(intent);

           }

           return true;

}

其中openWithWevView(url)是自己寫的一個方法，用來判斷是否用WevView打開該鏈接。

WebViewClient與WebChromeClient的區別轉自：http://www.cnblogs.com/Crazy-jacking/archive/2011/11/24/2262425.html

Android應用開發的時候可能會用到WebView這個組件，使用過程中可能會接觸到WebViewClient與WebChromeClient，那么這兩個類到底有什么不同呢？

WebViewClient主要幫助WebView處理各種通知、請求事件的，比如：

onLoadResource

onPageStart

onPageFinish

onReceiveError

onReceivedHttpAuthRequest

WebChromeClient主要輔助WebView處理Javascript的對話框、網站圖標、網站title、加載進度等比如

onCloseWindow(關閉WebView)

onCreateWindow()

onJsAlert (WebView上alert無效，需要定制WebChromeClient處理彈出)

onJsPrompt

onJsConfirm

onProgressChanged

onReceivedIcon

onReceivedTitle

看上去他們有很多不同，實際使用的話，如果你的WebView只是用來處理一些html的頁面內容，只用WebViewClient就行了，如果需要更豐富的處理效果，比如JS、進度條等，就要用到WebChromeClient。
更多的時候，你可以這樣

WebView webView;

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

webView.setWebChromeClient(new WebChromeClient());

webView.setWebViewClient(new WebViewClient());

webView.getSettings().

setJavaScriptEnabled(true);

webView.loadUrl(url);

這樣你的WebView理論上就能有大部分需要實現的特色；如果讓其更加的沸騰，你就用你錯才智讓它沸騰吧。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 android WebView android 中 webview 怎么用 localStorage? android WebView解析 Android WebView屬性及用法 android webview JS傳值 Android webview使用詳解 Android WebView回退 Android webview配置 android 之 WebView詳解 android webView使用

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控件：

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文件中

B. Webview與js交互

關於用WebView或手機瀏覽器打開連接問題 轉自：http://blog.csdn.net/chenshijun0101/article/details/7045145

免責聲明！

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文件中

關於用WebView或手機瀏覽器打開連接問題轉自：http://blog.csdn.net/chenshijun0101/article/details/7045145