android Webview基本配置以及android与js交互

最近一直研究webview的使用，包含webview配置、android与js的交互。不多说了。

1、先看看webview基本设置：

WebSettings settings = webView.getSettings();

settings.setCacheMode(WebSettings.LOAD_DEFAULT);

settings.setDomStorageEnabled(true);

settings.setJavaScriptCanOpenWindowsAutomatically(true);

settings.setJavaScriptEnabled(true);

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

settings.setSupportZoom(false);//不支持缩放

settings.setBuiltInZoomControls(false);//设置此属性，可任意比例缩放

//JsCallAndroidLocal该类是JS与android交互时，JS调用android本地方法的类

webView.addJavascriptInterface(new JsCallAndroidLocal(this,this),”Android”);

//MyWebClient继承WebViewClient: 是主要处理使用WebView进行网页的浏览，不调用本地的浏览器

webView.setWebViewClient(new MyWebClient());

//MyWebChormClient继承WebChromeClient:主要处理对网页中加载时,此时本地可对应显示加载框

webView.setWebChromeClient(new MyWebChormClient(mHandler));

//加载页面

webView.loadUrl(url);

2、android 调用JS

(1)调用无参数的JS方法

webView.loadUrl(“javascript:getBaseInfo()”);

(2)调用有参数的JS方法

webView.loadUrl(“javascript:getBaseInfo(‘”+uid+”’,’”+id+”’,’”+userName+”’)”);

3.JS 调用android本地方法

JS文件中方法(webview_videoplayer.js)：

/**

* 调用android本地方法

*/

function playVideo(videoUrl){

window.Android.gotoPlayVideo(videoUrl);

}

/**

*从网页中获取videoUrl

*/

function getVideoUrl(){

var videoUrl = document.getElementById("videoUrl");
playVideo(videoUrl.value);

}

在HTML中调用:

html中引用JS文件 “src=js/webview_videoplayer.js”

调用JS中的方法，通过JS调用android本地gotoPlayVideo()

< input type=”button” name=”playVideo” value=”播放” onclick=”getVideoUrl()”/>