Android--WebView控件

WebView

一 简介：

WebView一般用于将Android页面已HTML的形式展现，我们一般叫它HTML5开发；

WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用，通过json或者GSON格式的数据调用，可以很方便的和后台交互。

webview有两个方法：setWebChromeClient 和 setWebClient

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

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

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

二、简单使用：

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

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

2.2、WebView控件：

<WebView
        android:id="@+id/view_html5_1" 
        android:layout_height="fill_parent"
        android:layout_width="fill_parent"/>

2.3、后台Activity程序：

package com.zdw.myhtml5_test;

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

public class MainActivity extends Activity {
    private WebView webView;
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();//加载初始化程序
    } 
    
/***********************************************《--初始化程序--》*******************************************/    
    private void init(){
        webView = (WebView) findViewById(R.id.view_html5_1);
        //WebView加载web资源
        webView.loadUrl("http://baidu.com");
        //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开
        webView.setWebViewClient(new WebViewClient(){
            public boolean shouldOverrideUrlLoading(WebView view, String url) {              
                //返回值是true的时候控制去WebView打开，为false调用系统浏览器或第三方浏览器
                view.loadUrl(url);//加载URl
                return true;
            }
        });
    }
}

2.4、程序运行后的图片：

三、试用途径：

3.1、加载本地资源

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("file:///android_asset/example.html");

3.2、加载Web资源

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

四、程序内打开网页

上面介绍过了，这里就不重复了。

需要注意的一点就是：

如果你的文件资源放在了assets文件中，如下图：

但是，引用的url路径为：

 特别数以绿色部分的路径。

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

这里需要声明的

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

六、后退网页处理。

       需要WebView覆盖URL加载，让它自动生成历史访问记录，那样就可以通过前进或后退访问已访问过的站点。

//改写物理按键——返回的逻辑
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode==KeyEvent.KEYCODE_BACK)
        {
            if(webView.canGoBack())
            {
                webView.goBack();//返回上一页面
                return true;
            }
            else
            {
                System.exit(0);//退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }

七、判断页面加载过程

      

webView.setWebChromeClient(new WebChromeClient() {
            public void onProgressChanged(WebView view, int newProgress) {
                if (newProgress == 100) {
                    // 网页加载完成

                } else {
                    // 加载中

                }
            }
        });

八、缓存的使用

优先使用缓存：

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

不使用缓存：

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