WebView的用法详解

1、布局

android:id="@+id/wv"
android:layout_
android:layout_ />

//加载网页链接
mWebView.loadUrl("http://www.");
//加载本地assets目录下的网页
mWebView.loadUrl("file:///android_asset/demo.html");

WebSettings settings = mWebView.getSettings();
settings.setBuiltInZoomControls(true);// 显示缩放按钮(wap网页不支持)
settings.setUseWideViewPort(true);// 支持双击缩放(wap网页不支持)
settings.setJavascriptEnabled(true);// 支持js功能

mWebView.setWebViewClient(new WebViewClient() {
// 开始加载网页
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}

// 网页加载结束
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}

// 所有链接跳转会走此方法
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
System.out.println("跳转链接:" + url);
view.loadUrl(url);// 在跳转链接时强制在当前webview中加载
//此方法还有其他应用场景, 比如写一个超链接联系我们, 当点击该超链接时,
//可以在此方法中获取链接地址tel:110, 解析该地址,获取电话号码, 然后跳转到本地打电话页面, 而不是加载网页, 从而实现了webView和本地代码的交互
return true;
}
});

mWebView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
super.onProgressChanged(view, newProgress);
// 进度发生变化
System.out.println("进度:" + newProgress);
}

@Override
public void onReceivedTitle(WebView view, String title) {
super.onReceivedTitle(view, title);
// 网页标题
System.out.println("网页标题:" + title);
}
});

mWebView.goBack();//跳到上个页面
mWebView.goForward();//跳到下个页面
mWebView.canGoBack();//是否可以跳到上一页(如果返回false,说明已经是第一页)
mWebView.canGoForward();//是否可以跳到下一页(如果返回false,说明已经是最后一页)

private long mStartTime;
@Override
public void onBackPressed() {//点击返回键的时候
if (mWebView.canGoBack()) {
mWebView.goBack();
} else {
long currentTime = System.currentTimeMillis();
if ((currentTime - mStartTime) <2000) {
this.finish();
} else {
mStartTime = System.currentTimeMillis();
Toast.makeText(this, "再点击一次返回，则退出应用", Toast.LENGTH_SHORT).show();
}
}
}

cache-control是在请求网页时服务器的响应头,此响应头用于决定网页的缓存策略。
常见的取值有public(所有内容都将被缓存), private(内容只缓存到私有缓存中),no-cache(所有内容都不会被缓存),max-age=xxx(缓存的内容将在 xxx 秒后失效)等等

WebSettings settings = mWebView.getSettings();
//只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据
settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
//只加载缓存
settings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);
//根据cache-control决定是否从网络上取数据
settings.setCacheMode(WebSettings.LOAD_DEFAULT);
//不加载缓存
settings.setCacheMode(WebSettings.LOAD_NO_CACHE);

最简便的方式:
mWebView.clearCache(true);
另外一种方式:
//删除缓存文件夹
File file = CacheManager.getCacheFileBaseDir(); 
   if (file != null && file.exists() && file.isDirectory()) { 
for (File item : file.listFiles()) { 
 item.delete(); 
} 
file.delete(); 
   } 
//删除缓存数据库
context.deleteDatabase("webview.db"); 
context.deleteDatabase("webviewCache.db");

//COOKIE设置
COOKIESyncManager.createInstance(this);
COOKIEManager COOKIEManager = COOKIEManager.getInstance();
COOKIEManager.setAcceptCOOKIE(true);
String COOKIE = "name=xxx;age=18";
COOKIEManager.setCOOKIE(URL, COOKIE);
COOKIESyncManager.getInstance().sync();
//获取COOKIE
COOKIEManager COOKIEManager = COOKIEManager.getInstance();
String COOKIE = COOKIEManager.getCOOKIE(URL);
//清除COOKIE
COOKIESyncManager.createInstance(context);  
COOKIEManager COOKIEManager = COOKIEManager.getInstance(); 
COOKIEManager.removeAllCOOKIE();
COOKIESyncManager.getInstance().sync(); 

10、Js调用Android

WebSettings settings = mWebView.getSettings();
settings.setJavascriptEnabled(true);//开启js
mWebView.loadUrl("file:///android_asset/demo.html");//加载本地网页
mWebView.setWebChromeClient(new WebChromeClient());//此行代码可以保证js的alert弹窗正常弹出

//核心方法, 用于处理js被执行后的回调
mWebView.addJavascriptInterface(new JsCallback() {

@JavascriptInterface//注意:此处一定要加该注解,否则在4.1+系统上运行失败
@Override
public void onJsCallback() {
System.out.println("js调用Android啦");
}
}, "demo");//参1是回调接口的实现;参2是js回调对象的名称
//定义回调接口
public interface JsCallback {
public void onJsCallback();
}

//直接使用webview加载js就可以了
mWebView.loadUrl("Javascript:wave()");

function wave() {
alert("Android调用Js啦");
}