Android WebView的使用方法及与JS 相互调用

2023-09-27 09:22:16 326

AndroidWebView的使用方法及与JS相互调用

1、添加网络权限

2、WebSettings对访问页面进行设置。

WebViewmWebView=newWebView(this);

WebSettingswebSettings=mWebView.getSettings();//支持获取手势焦点，输入用户名、密码或其他

mWebView.requestFocusFromTouch();

webSettings.setJavaScriptEnabled(true);//支持js

webSettings.setUseWideViewPort(true);//将图片调整到适合webview的大小

webSettings.setLoadWithOverviewMode(true);//缩放至屏幕的大小

webSettings.setSupportZoom(true);//支持缩放，默认为true。是下面那个的前提。

webSettings.setBuiltInZoomControls(true);//设置内置的缩放控件。

webSettings.setDisplayZoomControls(false);//隐藏原生的缩放控件

webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);//支持内容重新布局

webSettings.supportMultipleWindows();//多窗口

webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//关闭webview中缓存

webSettings.setAllowFileAccess(true);//设置可以访问文件

webSettings.setNeedInitialFocus(true);//当webview调用requestFocus时为webview设置节点

webSettings.setJavaScriptCanOpenWindowsAutomatically(true);//支持通过JS打开新窗口

webSettings.setLoadsImagesAutomatically(true);//支持自动加载图片

webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式

3、页面加载方式

//加载一个网页：

mWebView.loadUrl();

//加载apk包中的一个html页面

mWebView.loadUrl();

//加载手机本地的一个html页面的方法：

mWebView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");

4、WebView的两个重要方法WebViewClient和WebChromeClient

WebViewClient就是帮助WebView处理各种通知、请求事件的。

//打开网页时不调用系统浏览器，而是在本WebView中显示：
mWebView.setWebViewClient(newWebViewClient(){

@Override
publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){
view.loadUrl(url);
returntrue;
}
});
//将上面定义的webviewclinet设置给webview
mWebView.setWebViewClient(webViewClient);

下面介绍WebView的一些事件：

WebViewClientmWebViewClient=newWebViewClient()
{
shouldOverrideUrlLoading(WebViewview,Stringurl);
//在网页上的所有加载都经过这个方法,这个函数我们可以做很多操作。
//比如获取url，查看url.contains(“add”)，进行添加操作
shouldOverrideKeyEvent(WebViewview,KeyEventevent);
//重写此方法才能够处理在浏览器中的按键事件。
onPageStarted(WebViewview,Stringurl,Bitmapfavicon);
//这个事件就是开始载入页面调用的，我们可以设定一个loading的页面，告诉用户程序在等待网络响应。
onPageFinished(WebViewview,Stringurl);
//在页面加载结束时调用。同样道理，我们可以关闭loading条，切换程序动作。
onLoadResource(WebViewview,Stringurl);
//在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。
onReceivedError(WebViewview,interrorCode,Stringdescription,StringfailingUrl);
//(报告错误信息)
doUpdateVisitedHistory(WebViewview,Stringurl,booleanisReload);
//(更新历史记录)
onFormResubmission(WebViewview,MessagedontResend,Messageresend);
//(应用程序重新请求网页数据)
onReceivedHttpAuthRequest(WebViewview,HttpAuthHandlerhandler,Stringhost,Stringrealm);
//（获取返回信息授权请求）
onReceivedSslError(WebViewview,SslErrorHandlerhandler,SslErrorerror);
//重写此方法可以让webview处理https请求。
onScaleChanged(WebViewview,floatoldScale,floatnewScale);
//(WebView发生改变时调用)
onUnhandledKeyEvent(WebViewview,KeyEventevent);
//（Key事件未被加载时调用）
}

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等。

WebChromeClientmWebChromeClient=newWebChromeClient(){

//获得网页的加载进度，显示在右上角的TextView控件中
@Override
publicvoidonProgressChanged(WebViewview,intnewProgress){
if(newProgress<100){
Stringprogress=newProgress+"%";
}else{
}
}
//获取Web页中的title用来设置自己界面中的title
//当加载出错的时候，比如无网络，这时onReceiveTitle中获取的标题为找不到该网页,
//因此建议当触发onReceiveError时，不要使用获取到的title
@Override
publicvoidonReceivedTitle(WebViewview,Stringtitle){
MainActivity.this.setTitle(title);
}
@Override
publicvoidonReceivedIcon(WebViewview,Bitmapicon){
//
}
@Override
publicbooleanonCreateWindow(WebViewview,booleanisDialog,booleanisUserGesture,MessageresultMsg){
//
returntrue;
}
@Override
publicvoidonCloseWindow(WebViewwindow){
}
//处理alert弹出框，html弹框的一种方式
@Override
publicbooleanonJsAlert(WebViewview,Stringurl,Stringmessage,JsResultresult){
//
returntrue;
}
//处理confirm弹出框
@Override
publicbooleanonJsPrompt(WebViewview,Stringurl,Stringmessage,StringdefaultValue,JsPromptResult
result){
//
returntrue;
}
//处理prompt弹出框
@Override
publicbooleanonJsConfirm(WebViewview,Stringurl,Stringmessage,JsResultresult){
//
returntrue;
}
};

//同样，将上面定义的WebChromeClient设置给WebView：
webView.setWebChromeClient(mWebChromeClient);

5、调用JS代码

WebSettingswebSettings=mWebView.getSettings();

webSettings.setJavaScriptEnabled(true);//这里必须设置

mWebView.addJavascriptInterface(newInsertObj(),"jsObj");

以下方法是Android和JS的交互

publicclassInsertObjextendsObject{
privatestaticActivitymActivity;
privatestaticWebViewmWebView;

publicInsertObj(Activityactivity,WebViewwebView){
mActivity=activity;
mWebView=webView;
}
//给html提供的方法，js中可以通过：varstr=window.jsObj.HtmlcallJava();获取到
@JavascriptInterface
publicStringHtmlcallJava(){
return"HtmlcallJava";
}
//给html提供的有参函数：window.jsObj.HtmlcallJava2("IT-homerblog");
@JavascriptInterface
publicStringHtmlcallJava2(finalStringresult){
return"HtmlcallJava:"+result;
}
//Html给我们提供的函数
@JavascriptInterface
publicstaticvoidJavacallHtml(){
mActivity.runOnUiThread(newRunnable(){
@Override
publicvoidrun(){
//这里是调用方法
mWebView.loadUrl("javascript:showFromHtml()");
Toast.makeText(mActivity,"clickBtn",Toast.LENGTH_SHORT).show();
}
});
}
//Html给我们提供的有参函数
@JavascriptInterface
publicstaticvoidJavacallHtml2(finalStringparam){
mActivity.runOnUiThread(newRunnable(){
@Override
publicvoidrun(){
mWebView.loadUrl("javascript:showFromHtml2('"+param+"')");
Toast.makeText(mActivity,"clickBtn2",Toast.LENGTH_SHORT).show();
}
});
}
}





无标题1


functionHtmlcallJava(){
varstr=window.jsObj.HtmlcallJava();
alert(str);
}

functionHtmlcallJava2(){
varstr=window.jsObj.HtmlcallJava2("HTML");
alert(str);
}

functionshowFromHtml()
{
alert("我是js方法，我被Android后台调用");
}

functionshowFromHtml2(result)
{
alert("我是js方法，我被Android后台调用"+result);
}




HtmlcallJava
HtmlcallJava2

6、WebView返回键

publicbooleanonKeyDown(intkeyCode,KeyEventevent){
if((keyCode==KeyEvent.KEYCODE_BACK)&&mWebView.canGoBack()){

mWebView.goBack();
returntrue;
}
returnsuper.onKeyDown(keyCode,event);
}

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持，如有疑问请留言或者到本站社区交流讨论，大家共同进步！

Android WebView的使用方法及与JS 相互调用

热门推荐

随机推荐