android系统的WebView比较坑,需要一点点记录和积累.
如果项目需要大量的用WebView来处理事情,用的比较深入,可以使用第三方优化过的WebView :
1.腾讯X5WebView: 由腾讯QQ浏览器团队出品
官方文档
2.Crosswalk据说各种流畅、强大，且Cordova在新的版本当中也将默认支持Crosswalk,暂时没使用过
参考
腾讯X5内核WebView简单使用
手机需要有X5内核服务,使用过QQ或者微信,或者自己下载安装X5服务
1) 速度快：相比系统webview的网页打开速度有30+%的提升；
2) 省流量：使用云端优化技术使流量节省20+%；
3) 更安全：安全问题可以在24小时内修复；
4) 更稳定：经过亿级用户的使用考验，CRASH率低于0.15%；
5) 兼容好：无系统内核的碎片化问题，更少的兼容性问题；
...
使用注意:
1.申请权限
2.如果是64位的手机,无法加载X5问题解决
(1) 打开对应module中的build.gradle文件,在文件的android{}中的defaultConfig{}里(如果没有defaultConfig{}则手动添加)添加如下配置: ndk{abiFilters "armeabi"}，如果配置后编译报错，那么需要在gradle.properties文件中加上Android.useDeprecatedNdk=true；
(2) 找出build.gradle中配置的so加载目录:jniLibs.srcDir:customerDir,如果没有该项配置则so加载目录默认为：src/main/jniLibs，需要将.so文件都放置在so加载目录的armeabi文件夹下(没有该目录则新建一个，AP中没有使用到.so文件则需要拷贝任意一个32位的so文件到该目录下，如果没有合适的so可以到官网http://x5.tencent.com/tbs/sdk.html下载官网“SDK接入示例“,拷贝对应目录下的liblbs.so文件)，so加载目录下不要有其他以”armeabi“开头的文件夹。
3.需要在AppLication 的 onCreate()方法里面初始化
QbSdk.PreInitCallback cb = new QbSdk.PreInitCallback() {
@Override
public void onViewInitFinished(boolean arg0) {
//x5內核初始化完成的回调，为true表示x5内核加载成功，否则表示x5内核加载失败，会自动切换到系统内核。
LogUtils.aLog().d( "x5內核初始化 is " + arg0);
}
@Override
public void onCoreInitFinished() {
}
};
//x5内核初始化接口
QbSdk.initX5Environment(getApplicationContext(), cb);
4.设置一些参数就能使用
RelativeLayout rootView = (RelativeLayout) findViewById(R.id.activity_show_pic);
mWebView = new WebView(App.getInstance().getContext());
RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(-1, -1);
mWebView.setLayoutParams(layoutParams);
mWebView.setVisibility(View.GONE);
rootView.addView(mWebView);
WebSettings webSetting = mWebView.getSettings();
webSetting.setJavaScriptEnabled(true);
webSetting.setJavaScriptCanOpenWindowsAutomatically(true);
webSetting.setAllowFileAccess(true);
webSetting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
webSetting.setSupportZoom(true);
webSetting.setBuiltInZoomControls(true);
webSetting.setUseWideViewPort(true);
webSetting.setMixedContentMode(0); //设置协议支持混合
webSetting.setSupportMultipleWindows(true);
webSetting.setAppCacheEnabled(true);
webSetting.setDomStorageEnabled(true);
webSetting.setGeolocationEnabled(true);
webSetting.setAppCacheMaxSize(Long.MAX_VALUE);
webSetting.setPluginState(WebSettings.PluginState.ON_DEMAND);
webSetting.setCacheMode(WebSettings.LOAD_NO_CACHE);
WebView加载页面空白
1.android 5.0之前兼容使用 http 和 https 协议,在5.0之后.混合请求http/https 有的会导致页面空白
需要设置mode为WebSettings.MIXED_CONTENT_ALWAYS_ALLOW , 0;
webSetting.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
WebViewClient的一些方法回调,作用
mWebView.setWebViewClient(new WebViewClient() {
/**
* Android 6.0之后才能使用
* 加载错误的回调
*/
@Override
public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) {
super.onReceivedHttpError(view, request, errorResponse);
}
/**
* 防止加载网页时调起系统浏览器
*/
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
/**
* 协议认证失败处理. proceed() 表示全部通过
* 5.0之后默认返回的是cancel(), 需要修改为proceed(),
*/
@Override
public void onReceivedSslError(WebView webView, SslErrorHandler sslErrorHandler, SslError sslError) {
sslErrorHandler.proceed();
}
//页面加载完成回调
@Override
public void onPageFinished(WebView webView, String s) {
}
}
webview加载失败,404 501 等等问题处理
WebChromeClient的一些方法以及作用
mWebView.setWebChromeClient(new WebChromeClient() {
@Override
public void onReceivedTitle(WebView webView, String title) {
//这里能获取到webView加载页面的标题,然后判断title是否包含指定的信息
if(title.contains("404") || title.contains("501") || title.contains("error")){
//做对应的处理
}
}
}
WebView允许 js 弹出提示框
默认WebView是不支持js 弹框的,需要重写setWebChromeClient里面的方法
onJsAlert()
onJsConfirm()
onJsPrompt()
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);//启用支持js
//设置响应js 的Alert()函数
webView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(TestAlertActivity.this);
b.setTitle("Alert");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
} });
b.setCancelable(false);
b.create().show();
return true;
}
//设置响应js 的Confirm()函数
@Override
public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(TestAlertActivity.this);
b.setTitle("Confirm");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
} });
b.setNegativeButton(android.R.string.cancel, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
} });
b.create().show();
return true;
}
//设置响应js 的Prompt()函数
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
......
return true;
}
});
webView.loadUrl("file:///android_asset/index3.html");
WebView加载本地的html
webview去加载html,就是发送请求去加载页面
1.把资源放到android项目目录里面
2.指定本地路径,
final String url = "file:///android_asset/admin.html
mWebView.loadUrl(url);
如果html需要参数,也可以在后面添加参数,类似get请求
final String url = "file:///android_asset/admin.html?url=xxxxx
mWebView.loadUrl(url);
WebView防止内存泄露
1.尽量使用 WebView webView = new WebView();然后动态添加进布局,不要在XML布局文件里面申请使用
2.在不使用的时候要释放 WebView
if (mWebView != null) {
mWebView.setVisibility(View.GONE);
mWebView.clearHistory();
mWebView.stopLoading();
((ViewGroup) mWebView.getParent()).removeView(mWebView);
mWebView.removeAllViews();
mWebView.clearView();
mWebView.destroy();
mWebView = null;
}
3.为加载WebView的界面开启新进程(暂时没试过)，在该页面退出之后关闭这个进程,如果需要通信,就要涉及到跨进程通信的问题.