Android WebView详解
本文详细介绍了WebView
一、简介:WebView是一个显示网页的视图。但是它不是一个普通的View,它比一般的View要庞大、复杂,其实它就是一个浏览器,相当于一个Google Chrome,当然它没有Google Chrome本身那么强大。它允许使用浏览器加载网页或者就在WebView内加载网页,早期它是使用WebKit渲染引擎来显示网页,在Android 4.4之后直接是基于chrome,然后chrome又是基于chromium内核。
如果要将Web应用程序(或只是网页)作为客户端应用程序的一部分提供,可以使用WebView进行操作。WebView类是Android的View类的子类,它允许你将网页显示为Activity布局的一部分。它不包括完全开发的Web浏览器的任何功能,例如导航控件或地址栏。默认情况下,所有WebView都会显示一个网页。
二、添加一个WebView到你的应用程序中。
1、在布局文件中添加WebView,方式就是类似于TextView
2、在Java代码中通过findViewById获取到WebView实例
3、webView.loadUrl(“http://www.baidu.com”);
前提:
1、添加上INTERNET权限
2、如果是https,那么这个是需要有官方认证的合法证书,类似于这种自签证书,使用webview去加载,会报错的,无法成功加载。
备注:从内存泄漏和更好的内存管理的角度,最好是在代码中去new一个webview,因为这种在布局文件中添加的方式,可能会因为布局文件的约束导致一定程度的内存泄漏。
三、启用JavaScript
WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
有些网页如果不启用JavaScript是打开不了的,比如https://www.baidu.com
一般情况下建议启用JavaScript
四、将JavaScript代码绑定到Android代码
在开发专门针对Android应用程序中的WebView设计的Web应用程序时,你可以在JavaScript代码和客户端Android代码之间创建接口。例如,你的JavaScript代码可以调用Android代码中的方法来显示对话框,而不是使用JavaScript的alert()函数。
这里主要用到了addJavascriptInterface方法,详情可以参考
https://developer.android.com/guide/webapps/webview.html#AddingWebView 中的Binding JavaScript code to Android code章节,这里讲的比较详细。
这里我们也根据实际的应用实践,来举一个例子:
//webviwe init的时候,执行下面这行代码
mBinding.wv.addJavascriptInterface(new JsInterface(), "android");
/**
* 原生与Js交互的回调接口。
* js端调用android,示例:
* <button οnclick="android.feedback("gratingAbnormal_new;mouseGuardAbnormal_new")">feedback</button>
*/
final class JsInterface {
/**
* @JavascriptInterface 注解是必须要有的,添加这个注解来将我们定义的方法暴露出去给web端调用。
* 否则在web端是调用不了的。增加通过注解这个机制也是一种安全保证,否则web端可以随意调用系统方法。
* 另外方法的修饰符也必须是public,否则web端也访问不了这个方法。
*/
@JavascriptInterface
public void feedback(String msg) {
LogUtils.i("msg:" + msg);
if (TextUtils.isEmpty(msg)) {
return;
}
mParentAct.runOnUiThread(() -> {
boolean isGrantingAbnormal = false, isMouseGuardAbnormal = false;
boolean isGrantingAbnormalNewData = false, isMouseGuardAbnormalNewData = false;
if (!"normal".equals(msg)) {
String[] flagArr = msg.split(";");
for (String flag : flagArr) {
if (flag.startsWith("gratingAbnormal")) {
isGrantingAbnormal = true;
if (flag.endsWith("_new")) {
isGrantingAbnormalNewData = true;
}
} else if (flag.startsWith("mouseGuardAbnormal")) {
isMouseGuardAbnormal = true;
if (flag.endsWith("_new")) {
isMouseGuardAbnormalNewData = true;
}
}
}
}
mParentAct.mEnvironmentalAlarmController.mGrantingAbnormal = isGrantingAbnormal;
mParentAct.mEnvironmentalAlarmController.mMouseGuardAbnormal = isMouseGuardAbnormal;
mParentAct.mEnvironmentalAlarmController.mGrantingAbnormalNewData = isGrantingAbnormalNewData;
mParentAct.mEnvironmentalAlarmController.mMouseGuardAbnormalNewData = isMouseGuardAbnormalNewData;
mParentAct.mEnvironmentalAlarmController.environmentalAlarm();
});
}
}
五、处理页面导航
如果想让所有链接都在WebView中实现,可以这样写:
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.setWebViewClient(new WebViewClient());
如果想做详细的控制,比如让外链通过浏览器访问,则这样写:
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (Uri.parse(url).getHost().equals("https://www.baidu.com")) {
return false;
}
/**
* 外链调用浏览器 往往这样是出于安全考虑
*/
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
});
六、导航网页历史
当你的WebView覆盖URL加载时,它会自动累积访问的网页的历史记录。你可以通过goBack()和goForward()向后和向前浏览历史记录。
例如,对用户点击手机上的物理返回键的处理如下:
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// Check if the key event was the Back button and if there's history
if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
myWebView.goBack();
return true;
}
// If it wasn't the Back key or there's no web page history, bubble up to the default
// system behavior (probably exit the activity)
return super.onKeyDown(keyCode, event);
}
七、加载缓冲条
webView.setWebChromeClient(new WebChromeClient(){
@Override
public void onProgressChanged(WebView view, int newProgress) {
super.onProgressChanged(view, newProgress);
progress.setVisibility(View.VISIBLE);
progress.setProgress(newProgress);
}
});
webView.setWebViewClient(new WebViewClient(){
@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
if (progress != null) {
progress.setVisibility(View.GONE);
}
}
});
八、WebView的缓存
缓存模式:
LOAD_CACHE_ONLY:不使用网络,只读取本地缓存数据。
LOAD_DEFAULT:如果页面没有强制任何特定行为(依赖服务端控制),如果本地有未过期的缓存,就会直接加载本地缓存,否则就请求网络。
LOAD_NORMAL:API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式。
LOAD_NO_CACHE:忽略本地缓存(就算有也不用),直接请求网络。
LOAD_CACHE_ELSE_NETWORK:只要本地有缓存,不管有没有过期,都使用本地缓存。否则就请求网络。
更多推荐
所有评论(0)