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-permissionandroid: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> 

效果图：

——————————————————————————————————————————————————————————————————————————

下一步让我们来了解一下android中webview是如何支持javascripte自定义对象的，在w3c标准中js有 window，history，document等标准对象，同样我们可以在开发浏览器时自己定义我们的对象调用手机系统功能来处理，这样使用js就可以 为所欲为了。

  看一个实例：

• public
  class WebViewDemoextends Activity {        
•     private WebView mWebView;      
•     private Handler mHandler =new Handler();      
• 
  
•     public
  void onCreate(Bundle icicle) {      
•         super.onCreate(icicle);      
•         setContentView(R.layout.webviewdemo);      
•         mWebView = (WebView) findViewById(R.id.webview);      
•         WebSettings webSettings = mWebView.getSettings();      
•         webSettings.setJavaScriptEnabled(true);      
•         mWebView.addJavascriptInterface(new Object() {      
•             public
  void clickOnAndroid() {      
•                 mHandler.post(new Runnable() {      
•                     public
  void run() {      
•                         mWebView.loadUrl("javascript:wave()");      
•                     }      
•                 });      
•             }      
•         }, "demo");      
•         mWebView.loadUrl("file:///android_asset/demo.html");      
•     }      
• }   
  

我们看addJavascriptInterface(Object obj,String interfaceName)这个方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是 interfaceName（demo），作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过 javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的。

• <html>
  
•         <mce:script
  language="javascript"><!--     
• 
  
•                 function wave() {      
•                     document.getElementById("droid").src="android_waving.png";      
•                 }      
• 
  
• // --></mce:script>
  
•         <body>
  
•             <a
  onClick="window.demo.clickOnAndroid()">
  
•                                 <img
  id="droid"
  src="android_normal.png"
  mce_src="android_normal.png"/><br>
  
•                                 Click me!      
•             </a>
  
•         </body>
  
• </html>
  
  

这样在javascript中就可以调用java对象的clickOnAndroid()方法了，同样我们可以在此对象中定义很多方法（比 如发短信，调用联系人列表等手机系统功能。）,这里wave()方法是java中调用javascript的例子。

这里还有几个知识点：

1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的 assets目录中找内容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用 Handler的目的。
。。。。。。。。

WebView相关问题注意：

Android的webView很强大，其实就是一个浏览器，你可以把它嵌入到你想要的位置，我这里遇到两个问题，就是怎么知道网页的加载进度和加载网页时，
点击网页里面的链接还是在当前的webview里跳转，不想跳到浏览器那边，解决办法如下：

01	//此方法可以处理webview 在加载时和加载完成时一些操作

02	webView.setWebChromeClient(newWebChromeClient（）{

03

@Override

04	public voidonProgressChanged(WebView view, intnewProgress) {

05	if(newProgress==100){// 这里是设置activity的标题， 也可以根据自己的需求做一些其他的操作

06	title.setText(“加载完成”)；

07

}else{

08	title.setText(“加载中…….”);

09

10

}

11

}

12

});

13

14	webView.setWebViewClient(newWebViewClient（）{

15

@Override

16	public booleanshouldOverrideUrlLoading(WebView view, String url) { //重写此方法表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边

17	view.loadUrl(url);

18	return true;

19

}

20

21

@Override

22	public voidonReceivedSslError(WebView view, SslErrorHandler handler, android.net.http.SslError error) {// 重写此方法可以让webview处理https请求

23	handler.proceed();

24

}

25

26

});

————————————————————————————————————————————————————————————