Android WebView的使用方法及与JS 相互调用
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); }
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持,如有疑问请留言或者到本站社区交流讨论,大家共同进步!