这篇文档主要介绍android中WebView的使用,以及js与java方法中的相互调用。
我们这里使用本地的html作用界面。
主要是三个操作
1.在js中去调用java中的代码
2.js中的alert在java中响应
3. java去调js中的方法。
首先是我们的html文件, 我们放在assets资产文件中。
<html>
<head>
<title>JS交互</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function invokedByJava(param) {
document.getElementById("content").innerHTML = "Java has invoked JS function and returnd the data:"+param;
}
</script>
</head>
<body>
<p id="content"></p>
<p>
<input type="button" value="js调用Java方法" onclick="window.stub.jsMethod('来至JS的参数');" />
<input type="button" value="调用alert" onclick="alert('hello')" />
</p>
</body>
</html>
下面是webview的初始化工作。
webView = (WebView) findViewById(R.id.web_view);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.getSettings().setBuiltInZoomControls(true); //设置 一个可缩放的按钮
webView.getSettings().setJavaScriptEnabled(true); //设置webview可以响应js
webView.loadUrl("file:///android_asset/demo.html"); //加载本地html
下面是设置webview去响应网页中的alert方法
webView.setWebChromeClient(new WebChromeClient() {
/**
* 处理JavaScript Alert事件
*/
@Override
public boolean onJsAlert(WebView view, String url,
String message, final JsResult result) {
//用Android组件替换
new AlertDialog.Builder(WebViewActivity.this)
.setTitle("JS提示")
.setMessage(message)
.setPositiveButton(android.R.string.ok, new AlertDialog.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
})
.setCancelable(false)
.create().show();
return true;
}
});
WebView默认用系统自带浏览器处理页面跳转, 需要设置webClient
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);//使用当前WebView处理跳转
return true;//true表示此事件在此处被处理,不需要再广播
}
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
//有页面跳转时被回调
}
@Override
public void onPageFinished(WebView view, String url) {
//页面跳转结束后被回调
}
});
调用js方法 ,
webView.loadUrl("javascript:invokedByJava('java_data')");
要让js调用java代码 ,我们必须声明出 stub对像
webView.addJavascriptInterface(new JsToJava(), “stub”);
让stub指像JsToJava这个对象, 然后在JsToJava中写的方法 就可以在js中直接调用
private class JsToJava {
//api17之后 必须加上此注解
@JavascriptInterface
public void jsMethod(String paramFromJS) {
Toast.makeText(WebViewActivity.this, paramFromJS, 0).show();
}
}
注意android 4.2 之后需要加上@JavascriptInterface这 个注解,同时要导入anotations.jar.
要让webView内部响应返回键,需要监听返回键的点击
@Override
public void onBackPressed() {
if (webView.canGoBack()) {
webView.goBack();
} else {
super.onBackPressed();
}
}
webView中去post一个请求
StringEntity se = new StringEntity(JSON.toJSONString(params).toString());
se.setContentEncoding("UTF-8");
se.setContentType("application/json");
webView.postUrl(url, EntityUtils.toByteArray(se));