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

1. package com.android.webview.activity;  
2.  
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.KeyEvent;  
6. import android.webkit.WebView;  
7.  
8. public class MainActivity extends Activity {  
9.     private WebView webview;  
10.     @Override 
11.     public void onCreate(Bundle savedInstanceState) {  
12.         super.onCreate(savedInstanceState);  
13.         //实例化WebView对象  
14.         webview = new WebView(this);  
15.         //设置WebView属性，能够执行Javascript脚本  
16.         webview.getSettings().setJavaScriptEnabled(true);  
17.         //加载需要显示的网页  
18.         webview.loadUrl("http://www.51cto.com/");  
19.         //设置Web视图  
20.         setContentView(webview);  
21.     }  
22.       
23.     @Override 
24.     //设置回退  
25.     //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
26.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
27.         if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
28.             webview.goBack(); //goBack()表示返回WebView的上一页面  
29.             return true;  
30.         }  
31.         return false;  
32. } 

在AndroidManifest.xml文件中的17行添加权限

1. <?xml version="1.0" encoding="utf-8"?>
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
3. package="com.android.webview.activity"
4. android:versionCode="1"
5. android:versionName="1.0">
6. <uses-sdk android:minSdkVersion="10" />
7. <application android:icon="@drawable/icon" android:label="@string/app_name">
8. <activity android:name=".MainActivity"
9. android:label="@string/app_name">
10. <intent-filter>
11. <action android:name="android.intent.action.MAIN" />
12. <category android:name="android.intent.category.LAUNCHER" />
13. </intent-filter>
14. </activity>
15. </application>
16. <uses-permission android:name="android.permission.INTERNET"/>
17. </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

1. package com.android.webview.activity;  
2.  
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.KeyEvent;  
6. import android.webkit.WebView;  
7. import android.webkit.WebViewClient;  
8.  
9. public class MainActivity extends Activity {  
10.     private WebView webview;  
11.     @Override 
12.     public void onCreate(Bundle savedInstanceState) {  
13.         super.onCreate(savedInstanceState);  
14.         setContentView(R.layout.main);  
15.         webview = (WebView) findViewById(R.id.webview);  
16.         //设置WebView属性，能够执行Javascript脚本  
17.         webview.getSettings().setJavaScriptEnabled(true);  
18.         //加载需要显示的网页  
19.         webview.loadUrl("http://www.51cto.com/");  
20.         //设置Web视图  
21.         webview.setWebViewClient(new HelloWebViewClient ());  
22.     }  
23.       
24.     @Override 
25.     //设置回退  
26.     //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
27.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
28.         if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
29.             webview.goBack(); //goBack()表示返回WebView的上一页面  
30.             return true;  
31.         }  
32.         return false;  
33.     }  
34.      //如果不加人试图的 WebViewClient  那么在加载activity的时候 ，就只会 跳转一个 新的的页面  而不会在在指定的试图中加载
35.     //Web视图  
36.     private class HelloWebViewClient extends WebViewClient {  
37.         @Override 
38.         public boolean shouldOverrideUrlLoading(WebView view, String url) {  
39.             view.loadUrl(url);  
40.             return true;  
41.         }  
42.     }  
43. } 

main.xml

1. <?xml version="1.0" encoding="utf-8"?> 
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
3.     android:orientation="vertical" 
4.     android:layout_width="fill_parent" 
5.     android:layout_height="fill_parent" 
6.     >    
7.     <WebView   
8.         android:id="@+id/webview" 
9.         android:layout_width="fill_parent" 
10.         android:layout_height="fill_parent" 
11.         /> 
12. </LinearLayout> 

在AndroidManifest.xml文件中的17行添加权限

1. <?xml version="1.0" encoding="utf-8"?> 
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 
3.       package="com.android.webview.activity" 
4.       android:versionCode="1" 
5.       android:versionName="1.0"> 
6.     <uses-sdk android:minSdkVersion="10" /> 
7.  
8.     <application android:icon="@drawable/icon" android:label="@string/app_name"> 
9.         <activity android:name=".MainActivity" 
10.                   android:label="@string/app_name"> 
11.             <intent-filter> 
12.                 <action android:name="android.intent.action.MAIN" /> 
13.                 <category android:name="android.intent.category.LAUNCHER" /> 
14.             </intent-filter> 
15.         </activity> 
16.     </application> 
17.     <uses-permission android:name="android.permission.INTERNET"/> 
18. </manifest> 

webview有两个方法：setWebChromeClient和setWebClient

setWebChromeClient主要处理解析，渲染网页等浏览器做的事情

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等  onCloseWindow

( 通知应用程序从关闭传递过来的webview并从view tree中remove。 ) 

onCreateWindow()  onJsAlert 

(WebView上alert是弹不出来东西的，需要定制你的WebChromeClient处理弹出， 通知应用程序显示javascript alert对话框，如果应用程序返回true内核认为应用程序处理这个消息，返回false，内核自己处理 。 ) 

onJsPrompt 

通知应用程序提供confirm 对话框。 onJsConfirm 

通知应用程序显示一个prompt对话框。 onProgressChanged 

通知应用程序当前网页加载的进度。 onReceivedIcon 

获取网页图标 onReceivedTitle

获取网页标题（ onReceivedTitle()()方法在goback()之后无效。 ）

比如可以添加进度条，使得界面更友好

    
    

     
     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);
    
    
    
    

     
                         fy1.setVisibility(View.GONE);
    
    
    
    

     
                         pb1.setVisibility(View.GONE);
    
    
    
    

     
                     }
    
    
            }

    
    

     
             );    
    
    
        }

WebViewClient就是帮助WebView处理各种通知、请求事件的，具体来说包括：  

   常用的几种如下

onLoadResource 

onPageStart  页面开始载入

onPageFinish  webview中页面加载结束

onReceiveError  报告错误信息

onReceivedHttpAuthRequest  返回信息授权

  onReceivedSslError ( WebView view, SslErrorHandler handler, SslError error)

重写此方法可以让webview处理https请求。

  public   void  onReceivedSslError ( WebView view, SslErrorHandler handler, SslError error )   {

         //handler.cancel(); 默认的处理方式，WebView变成空白页

         //handler.process();接受证书

         //handleMessage(Message msg); 其他处理

     }

WebViewClient的方法全解

   doUpdateVisitedHistory(WebViewview,Stringurl, boolean isReload)

         (更新历史记录)

    onFormResubmission(WebViewview,MessagedontResend,Messageresend)

         (应用程序重新请求网页数据)

  onLoadResource(WebViewview,Stringurl)

            在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。

   onPageStarted(WebViewview,Stringurl,Bitmapfavicon)

           这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告

        诉用户程序在等待网络响应。

  onPageFinished(WebViewview,Stringurl)

           在页面加载结束时调用。同样道理，我们知道一个页面载入完成，于是我们可以关

       闭loading 条，切换程序动作。

   onReceivedError(WebViewview, int errorCode, Stringdescription,StringfailingUrl)

       (报告错误信息)

    onReceivedHttpAuthRequest(WebViewview,HttpAuthHandlerhandler,Stringhost,

       Stringrealm)（获取返回信息授权请求）

    onReceivedSslError(WebViewview,SslErrorHandlerhandler,SslErrorerror)

       重写此方法可以让webview处理https请求。

    onScaleChanged(WebViewview, float oldScale, float newScale)

        (WebView发生改变时调用)

   onUnhandledKeyEvent(WebViewview,KeyEventevent)

      （Key事件未被加载时调用）

   shouldOverrideKeyEvent(WebViewview,KeyEventevent)

       重写此方法才能够处理在浏览器中的按键事件。

   shouldOverrideUrlLoading(WebViewview,Stringurl)

        在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。这个函数我们可以做 很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。

例如：

    
    

     
     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/");

WebSettings的常用方法介绍

14        setJavaScriptEnabled(true);

          //支持js脚步

15        setPluginsEnabled(true);

          //支持插件

16        setUseWideViewPort(false);

         //将图片调整到适合webview的大小

17        setSupportZoom(true);

         //支持缩放

18        setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

            //支持内容从新布局

19        supportMultipleWindows();

        //多窗口

20        setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

        //关闭webview中缓存

21        setAllowFileAccess(true);

        //设置可以访问文件

22        setNeedInitialFocus(true);

        //当webview调用 requestFocus 时为 webview设置节点

     webSettings.setBuiltInZoomControls(true);

        //设置支持缩放

23        setJavaScriptCanOpenWindowsAutomatically(true);

           //支持通过JS打开新窗口

24        setLoadsImagesAutomatically(true);

           //支持自动加载图片