WebView
WebView是一个基于webkit引擎、展现web页面的控件。
Android的Webview在低版本和高版本采用了不同的webkit版本内核,4.4后直接使用了Chrome。
WebView控件功能强大,除了具有一般View的属性和设置外,还可以对url请求、页面加载、渲染、页面交互进行强大的处理。
常用方法
加载URL
WebView加载URL的方法有三种,它们分别如下所示:
//方式1. 加载一个网页:
webView.loadUrl("http://www.xxx.com/");
//方式2:加载apk包中的html页面
webView.loadUrl("file:///android_asset/xxx.html");
//方式3:加载手机本地的html页面
webView.loadUrl("content://com.legend.demo/sdcard/xxx.html");
其中还有一种特殊的加载方式,可以加载HTML页面的部分内容:
/**
* 加载HTML页面的部分内容
* @param data 需要截取展示的内容,内容里不能出现 ’#’, ‘%’, ‘’ , ‘?’ 这四个字符,若出现了需用 %23, %25, %27, %3f 对应来替代
* @param mimeType 展示内容的类型
* @param encoding 字节码编码方式
* */
WebView.loadData(String data, String mimeType, String encoding)
生命周期
WebView的生命周期,也可以说是状态主要包含如下几种:
webView.onResume():激活WebView为活跃状态,能正常执行网页的响应
webView.onPause():当页面被失去焦点被切换到后台不可见状态,需要执行onPause
webView.pauseTimers():当应用程序(存在webview)被切换到后台时,它会暂停所有webview的所有操作。
webView.resumeTimers():恢复pauseTimers状态
rootLayout.removeView(webView):从父容器中移除webview
webView.destroy():销毁Webview
在使用过程中,当Activity执行onDestory()
的时候,由于WebView传入了Activity的Context引用,所以需要先移除WebView,再将其销毁:
rootLayout.removeView(webView);
webView.destroy();
前进和后退
WebView可以操作网页的前进和后退操作,它主要包含如下方法:
Webview.canGoBack() :是否可以后退
Webview.goBack():后退网页
Webview.canGoForward():是否可以前进
Webview.goForward():前进网页
Webview.goBackOrForward(intsteps) :以当前的index为起始点前进或者后退到历史记录中指定的steps,steps为负数则为后退,正数则为前进
在不做任何处理前提下 ,浏览网页时点击系统的Back
键,整个 Browser
会调用 finish()
而结束自身
如果想要在当前Activity处理并消费该事件,可以通过onKeyDown()
方法的监听来实现:
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
清除缓存
WebView还提供了清除缓存、清除历史记录和表单的API。
Webview.clearCache(true):清除网页访问留下的缓存,由于内核缓存是全局的,所以是针对整个应用程序.
Webview.clearHistory():清除当前webview访问的历史记录
Webview.clearFormData():仅仅清除自动完成填充的表单数据,并不会清除WebView存储到本地的数据
常用工具
Webview的最常用的工具类:WebSettings类、WebViewClient类、WebChromeClient类。
WebSettings
WebSettings是对WebView进行配置和管理的工具类。
1、创建WebView组件有两种方式:
//方式1:直接在在Activity中生成
WebView webView = new WebView(this)
//方法2:在Activity的layout文件里添加webview控件:
WebView webview = (WebView) findViewById(R.id.webView);
2、WebSettings常用方法如下所示:
//声明WebSettings子类
WebSettings webSettings = webView.getSettings();
// 是否设置支持Javascript交互,如果js中存在动画,可以在onStop和onResume里设置为false
webSettings.setJavaScriptEnabled(true);
//支持插件
webSettings.setPluginsEnabled(true);
//设置自适应屏幕,两者合用
webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小
webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小
//缩放操作
webSettings.setSupportZoom(true); //支持缩放,默认为true。是下面那个的前提。
webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false,则该WebView不可缩放
webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件
//其他细节操作
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存
webSettings.setAllowFileAccess(true); //设置可以访问文件
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口
webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式
其中,webSettings.setCacheMode()包含如下几种模式:
LOAD_CACHE_ONLY: 不使用网络,只读取本地缓存数据
LOAD_DEFAULT: (默认)根据cache-control决定是否从网络上取数据。
LOAD_NO_CACHE: 不使用缓存,只从网络获取数据.
LOAD_CACHE_ELSE_NETWORK,只要本地有,无论是否过期,或者no-cache,都使用缓存中的数据。
WebViewClient
WebViewClient的主要作用是处理各种通知和请求事件。
它包含了如下常用方法:
1、shouldOverrideUrlLoading()
:打开网页时不调用系统浏览器, 而是在本WebView中显示
Webview webview = (WebView) findViewById(R.id.webView1);
webView.loadUrl("http://www.google.com/");
// 复写shouldOverrideUrlLoading()方法,使得打开网页时不调用系统浏览器, 而是在本WebView中显示
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
2、onPageStarted()
:开始载入页面调用的,我们可以设定一个loading的页面,告诉用户程序在等待网络响应。
webView.setWebViewClient(new WebViewClient(){
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
//设定加载开始的操作
}
});
3、onPageFinished()
:在页面加载结束时调用。我们可以关闭loading 条,切换程序动作。
webView.setWebViewClient(new WebViewClient(){
@Override
public void onPageFinished(WebView view, String url) {
//设定加载结束的操作
}
});
4、onLoadResource()
:在加载页面资源时会调用,每一个资源(比如图片)的加载都会调用一次。
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean onLoadResource(WebView view, String url) {
//设定加载资源的操作
}
});
5、onReceivedError()
:加载页面的服务器出现错误时(如404)调用。可以考虑加载一个本地页面。
//该方法传回了错误码,根据错误类型可以进行不同的错误分类处理
webView.setWebViewClient(new WebViewClient(){
@Override
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl){
switch(errorCode){
case HttpStatus.SC_NOT_FOUND:
view.loadUrl("file:///android_assets/error_handle.html");
break;
}
}
});
6、onReceivedSslError()
:处理https请求。webView默认是不处理https请求的,页面显示空白,需要进行如下设置:
webView.setWebViewClient(new WebViewClient() {
@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
handler.proceed(); //表示等待证书响应
// handler.cancel(); //表示挂起连接,为默认方式
// handler.handleMessage(null); //可做其他处理
}
});
// 注意:5.1以上默认禁止了https和http混用,以下方式是开启
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
mWebView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
WebChromeClient
WebChromeClient的作用是辅助 WebView 处理 Javascript 的对话框,网站图标,网站标题等等。
它包含了如下常用方法:
1、onProgressChanged()
:获得网页的加载进度并显示
webview.setWebChromeClient(new WebChromeClient(){
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress < 100) {
String progress = newProgress + "%";
progress.setText(progress);
} else {
}
});
2、onReceivedTitle()
:获取Web页中的标题
webview.setWebChromeClient(new WebChromeClient(){
@Override
public void onReceivedTitle(WebView view, String title) {
titleview.setText(title);
}
}
3、onJsAlert()
:支持javascript的警告框
webview.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
new AlertDialog.Builder(MainActivity.this)
.setTitle("JsAlert")
.setMessage(message)
.setPositiveButton("OK", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
})
.setCancelable(false)
.show();
return true;
}
}
4、onJsConfirm()
:支持javascript的确认框
webview.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
new AlertDialog.Builder(MainActivity.this)
.setTitle("JsConfirm")
.setMessage(message)
.setPositiveButton("OK", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
})
.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
})
.setCancelable(false)
.show();
// 返回布尔值:判断点击时确认还是取消
return true;
}
}
5、onJsPrompt()
:支持javascript输入框,点击确认返回输入框中的值,点击取消返回 null。
webview.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
final EditText et = new EditText(MainActivity.this);
et.setText(defaultValue);
new AlertDialog.Builder(MainActivity.this)
.setTitle(message)
.setView(et)
.setPositiveButton("OK", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm(et.getText().toString());
}
})
.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
})
.setCancelable(false)
.show();
return true;
}
}
JS交互方式
https://www.jianshu.com/p/345f4d8a5cfa 来自这里,待后续整理