Android WebView的使用方法总结

2024-01-25 11:10:03 63

AndroidWebView的使用方法

Androidapp打开H5页一般要实现如下需求：

1、打开指定url网页；
2、点击链接可以跳转到下一页，并更新标题；
3、按back键或左箭头可以返回上一页；
4、当webview显示的是第一级url时，按返回键或左箭头关闭当前界面；
5、WebView如何传值给android，例如使用H5登录成功后返回姓名、token等等字段。
6、支持JavaScript，支持显示js对话框。
7、无网络时显示默认布局，以提高用户体验。
8、避免WebView的内存泄漏。

不多说，看下面代码如何实现上述功能。

参考布局：

示例代码：

publicclassCommonWebViewActivityextendsActivity{
privateWebViewmWebView;
privateTitleViewmTitleView;
privateRelativeLayoutmWebViewContainer;
privateStringtitle;
privateStringurl;
privateLinearLayoutneterrorLayout;
privateintmFlag;//来源

publicstaticfinalintFLAG_SIGNATURE=1;

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_common_webview_main);
initData();
initView();
setData();
}

@Override
protectedvoidonDestroy(){
super.onDestroy();
mWebView.setWebViewClient(null);
mWebView.setWebChromeClient(null);
mWebViewContainer.removeView(mWebView);
mWebView.removeAllViews();
mWebView.destroy();
}

privatevoidinitData(){
url=getIntent().getStringExtra("url");
title=getIntent().getStringExtra("title");
mFlag=getIntent().getIntExtra("flag",0);
}

privatevoidinitView(){
mTitleView=(TitleView)findViewById(R.id.titleView);
mWebViewContainer=(RelativeLayout)findViewById(R.id.rl_webViewContainer);
neterrorLayout=(LinearLayout)findViewById(R.id.neterror_tip);
mWebView=newWebView(getApplicationContext());
LinearLayout.LayoutParamslayoutParams=newLinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT);
mWebViewContainer.addView(mWebView,layoutParams);

WebSettingswebSettings=mWebView.getSettings();
//设置WebView属性，能够执行Javascript脚本
webSettings.setJavaScriptEnabled(true);
//设置可以访问文件
webSettings.setAllowFileAccess(true);
//设置支持缩放
webSettings.setBuiltInZoomControls(false);
//允许js弹出窗口
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

mTitleView.setLeftBtnClickListener(newTitleView.OnBtnClickListener(){
@Override
publicvoidonClick(Viewv){
if(mWebView.canGoBack()){
mWebView.goBack();
}else{
finish();
}
}
});
}

@Override
publicbooleanonKeyDown(intkeyCode,KeyEventevent){
if(keyCode==KeyEvent.KEYCODE_BACK){
if(mWebView.canGoBack()){
mWebView.goBack();
returntrue;
}
}
returnsuper.onKeyDown(keyCode,event);
}

privatevoidsetData(){
mTitleView.setTitle(title);
mWebView.loadUrl(url);

mWebView.setWebChromeClient(newWebChromeClient(){
@Override
publicbooleanonJsAlert(WebViewview,Stringurl,finalStringmessage,finalJsResultresult){
//注意，WebView默认不会显示JavaScript的Alert，需要Android实现。
runOnUiThread(newRunnable(){
@Override
publicvoidrun(){
//自定义美观的Dialog，仅仅是为了显示message
CustomDialog.Builderbuilder=newCustomDialog.Builder(CommonWebViewActivity.this);
builder.setTitle("提示");
builder.setMessage(message);
builder.setSingle("知道了",newDialogInterface.OnClickListener(){
@Override
publicvoidonClick(DialogInterfacedialogInterface,inti){
dialogInterface.dismiss();
}
});
builder.create().show();
}
});
result.confirm();//这里必须调用，否则页面会阻塞造成假死
returntrue;
}

@Override
publicvoidonReceivedTitle(finalWebViewview,finalStringtitle){
super.onReceivedTitle(view,title);
if(FLAG_SIGNATURE==mFlag){
runOnUiThread(newRunnable(){
@Override
publicvoidrun(){
mTitleView.setTitle(title);
}
});
}
}
});
mWebView.setWebViewClient(newWebViewClient(){
@Override
publicWebResourceResponseshouldInterceptRequest(WebViewview,WebResourceRequestrequest){
if(FLAG_SIGNATURE==mFlag){
Log.d("brycegao","shouldInterceptRequesturl:"+request.getUrl().toString());
if(request.getUrl().toString().contains("wxd://getImage?tenderid=")){
//可以通过url传值给Android，即在url里放置想要的参数
runOnUiThread(newRunnable(){
@Override
publicvoidrun(){
setResult(RESULT_OK);
finish();
}
});
}

}
returnsuper.shouldInterceptRequest(view,request);
}

@Override
publicbooleanshouldOverrideUrlLoading(WebViewview,WebResourceRequestrequest){
mWebView.loadUrl(url);
returntrue;
}

@Override
publicvoidonReceivedError(WebViewview,WebResourceRequestrequest,WebResourceErrorerror){
super.onReceivedError(view,request,error);

if(FLAG_SIGNATURE==mFlag
&&request.getUrl().toString().contains("wxd://getImage?tenderid=")){
//donothing
mWebView.setVisibility(View.GONE);//优化体验，避免显示错误信息
}else{
//加载失败
neterrorLayout.setVisibility(View.VISIBLE);
mWebView.setVisibility(View.GONE);
}
}
});

neterrorLayout.setOnClickListener(newView.OnClickListener(){
@Override
publicvoidonClick(Viewview){
mWebView.setVisibility(View.VISIBLE);
neterrorLayout.setVisibility(View.GONE);
mWebView.loadUrl(url);
}
});
}
}

以上就是AndroidWebview的使用方法详解，大家如果有疑问可以留言讨论，或者到本站社区交流，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

Android WebView的使用方法总结

热门推荐

随机推荐