Android：控件WebView显示网页

baopbird2005

WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用。

webview有两个方法：setWebChromeClient 和 setWebClient

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

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

WebViewClient就是帮助WebView处理各种通知、请求事件的。



在AndroidManifest.xml设置访问网络权限：

<uses-permission android:name="android.permission.INTERNET"/>
控件：

<WebView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    />


用途一：加载本地/Web资源



example.html 存放在assets文件夹内

调用WebView的loadUrl()方法，

加载本地资源

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("file:///android_asset/example.html");
加载web资源：

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("http://baidu.com");


用途二：在程序内打开网页





创建一个自己的WebViewClient，通过setWebViewClient关联

1. 
   
2. package com.example.testopen;
   
3. 
   
4. import android.app.Activity;
   
5. import android.os.Bundle;
   
6. import android.webkit.WebView;
   
7. import android.webkit.WebViewClient;
   
8. 
   
9. public class MainActivity extends Activity {
   
10. private WebView webView;
    
11.     @Override
    
12.     protected void onCreate(Bundle savedInstanceState) {
    
13.         super.onCreate(savedInstanceState);
    
14.         setContentView(R.layout.test);            
    
15.         init();
    
16. 
    
17.     }
    
18.    
    
19. 
    
20.     private void init(){
    
21.         webView = (WebView) findViewById(R.id.webView);
    
22.         //WebView加载web资源
    
23.        webView.loadUrl("http://baidu.com");
    
24.         //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开
    
25.        webView.setWebViewClient(new WebViewClient(){
    
26.            @Override
    
27.         public boolean shouldOverrideUrlLoading(WebView view, String url) {
    
28.             // TODO Auto-generated method stub
    
29.                //返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器
    
30.              view.loadUrl(url);
    
31.             return true;
    
32.         }
    
33.        });
    
34.     }
    
35.    
    
36. }
    

复制代码

用途三：

如果访问的页面中有Javascript，则webview必须设置支持Javascript

1. 
   
2. //启用支持javascript
   
3. WebSettings settings = webView.getSettings();
   
4. settings.setJavaScriptEnabled(true);
   

复制代码

用途四：

如果希望浏览的网页后退而不是退出浏览器，需要WebView覆盖URL加载，让它自动生成历史访问记录，那样就可以通过前进或后退访问已访问过的站点。

1. 
   
2. //改写物理按键——返回的逻辑
   
3.     @Override
   
4.     public boolean onKeyDown(int keyCode, KeyEvent event) {
   
5.         // TODO Auto-generated method stub
   
6.         if(keyCode==KeyEvent.KEYCODE_BACK)
   
7.         {
   
8.             if(webView.canGoBack())
   
9.             {
   
10.                 webView.goBack();//返回上一页面
    
11.                 return true;
    
12.             }
    
13.             else
    
14.             {
    
15.                 System.exit(0);//退出程序
    
16.             }
    
17.         }
    
18.         return super.onKeyDown(keyCode, event);
    
19.     }
    

复制代码

用途五：判断页面加载过程

1. 
   
2.     webView.setWebChromeClient(new WebChromeClient() {
   
3.             @Override
   
4.             public void onProgressChanged(WebView view, int newProgress) {
   
5.                 // TODO Auto-generated method stub
   
6.                 if (newProgress == 100) {
   
7.                     // 网页加载完成
   
8. 
   
9.                 } else {
   
10.                     // 加载中
    
11. 
    
12.                 }
    
13. 
    
14.             }
    
15.         });
    

复制代码

用途六：缓存的使用

优先使用缓存

webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
不使用缓存：

webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);