接着第一篇,我来继续完善我的浏览器界面。
1.增加前进和返回按钮
当前界面我们在网页里点击一个新闻之后,点击返回,我们会退出界面。我们希望能回到之前我们浏览的界面。
mBackBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(mWebView.canGoBack()){
mWebView.goBack();
}
}
});
mNextBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(mWebView.canGoForward()){
mWebView.goForward();
}
}
});```
###2.WebSettings的常用设置
WebSettings setting=mWebView.getSettings();
1.如何将webview中如何控制缩放
```
settings.setSupportZoom(true);
settings.setBuiltInZoomControls(true);
// 这时候右下角会显示一个缩放的图标,去掉图标
settings.setDisplayZoomControls(false);```
2.支持js脚本,一般的网页都会有脚本文件。
``` webSettings.setJavaScriptEnabled(true); ```
js就像android和页面的桥梁,可以让内容运行在页面或者是android应用中,js中调用android中代码,android也可以调用页面中的js代码。
调用android代码:
在JS和Android代码间绑定一个新的接口
addJavascriptInterface(java.lang.Object, java.lang.String))
例子:
setting.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new TestJSObject(this), "testJsObject");```
class TestJSObject{
private Context mContext;
public TestJSObject(Context context){
mContext=context;
}
@JavascriptInterface
public void hello(String toast){
Toast.makeText(mContext,toast,Toast.LENGTH_LONG).show();
}
}```
html的内容
<html >
<head>
<script type="text/javascript">
//调用android中中方法
function testAndroidContent(toast){
testJsObject.hello(toast);//看这里的调用
}
function jsToAndroidContent(){
alert("大家好,我来自js脚本");
}
</script>
</head>
<body>
<button onclick="testAndroidContent('看这里看这里');">点击显示android中的方法调用</button>
</body>
</html>```
android调用js方法
在webview中定义一个button
findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mWebView.loadUrl("javascript:jsToAndroidContent()");
}
});```
3.webview缓存
之前由于项目需要,研究一下webview缓存的相关信息,发现在不同手机不同android系统上的缓存目录并不相同,获取默认保存过的缓存文件意义不大。我也参考过网上小猪博客的缓存目录,因为目录不一致,而且文件类型也无从得知,而且还需要有root权限,所以后来就没再研究过。当然我们可以使用模拟器看data目录。
缓存分类:
·页面缓存:对整个页面的缓存。
·数据缓存(针对页面的内容做缓存appcache,Domstorage)
缓存的模式有三种
- LOAD_CACHE_ONLY: 不使用网络,只读取本地缓存数据
- LOAD_DEFAULT: 根据cache-control决定是否从网络上取数据。
- LOAD_NO_CACHE: 不使用缓存,只从网络获取数据.
- LOAD_CACHE_ELSE_NETWORK,只要本地有,无论是否过期,或者no-cache,都使用缓存中的数据.
开启缓存开关
setting.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);```
然后当我们断网之后,点击重新加载,依然能看到之前访问过的网页。
appCache和domstorage 没明白,用网上的例子指定路径后并没有生成对应的文件夹,说明没有生成缓存文件。期待明白人给讲讲。
列一下内容
//设置数据库缓存路径 mWebView.getSettings().setDatabasePath(cacheDirPath);
//设置 应用 缓存目录 mWebView.getSettings().setAppCachePath(cacheDirPath);
//开启 DOM 存储功能 mWebView.getSettings().setDomStorageEnabled(true);
//开启 数据库 存储功能 mWebView.getSettings().setDatabaseEnabled(true);
//开启 应用缓存 功能 mWebView.getSettings().setAppCacheEnabled(true);```
缓存的路径是在data/data/包名/cache/下,具体里面内容不太一样。
清除缓存,用别人的的总结。
- setting.setCacheMode(WebSettings.LOAD_NO_CACHE);
- deleteDatabase("WebView.db");deleteDatabase("WebViewCache.db");//因为有的缓存没有这种文件,觉得这个不太靠谱
- webView.clearHistory();
- webView.clearFormData();
- getCacheDir().delete();
- 手动写delete方法,循环迭代删除缓存文件夹!
参考地址:
http://www.runoob.com/w3cnote/android-tutorial-webview-cache.html
webview 两篇总结完毕。再用再追加吧。