Android 原生和 JS 交互实践_Javascript

log.i(tag, "value = " + value);
jsbridge.settextvalue(value);
}
}

3）给 webview 添加 js 接口

webview.addjavascriptinterface(new jsinterface(this), "launcher");// 此处的 launcher 可以自定义，最终是 js 中要使用的对象

4）js 代码中调用 java 方法

if (window.launcher){ // 判断 launcher 对象是否存在
// 此处的 launcher 要和第3步中定义的 launcher 保持一致
// js 调用 android 的方法
launcher.callandroid(str);
}else{
alert(“launcher not found!”);
}

方法二：通过 webviewclient 的 shouldoverrideurlloading() 方法回调拦截 url

1）js 代码中，约定协议

function callandroid(){
// 约定的 url 协议为：js://webview?arg1=111&arg2=222
document.location = “js://webview?arg1=”+inputele.value+“&arg2=222”;
}

2）android 代码中，通过设置 webviewclient 对协议进行拦截处理

webview.setwebviewclient(new webviewclient() {
@override
public boolean shouldoverrideurlloading(webview view, string url) {
// 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
// 例如：url = “js://webview?arg1=111&arg2=222”
uri uri = uri.parse(url);
// 如果url的协议 = 预先约定的 js 协议
if (uri.getscheme().equals(“js”)) {
// 拦截url,下面js开始调用android需要的方法
if (uri.getauthority().equals(“webview”)) {
// 执行js所需要调用的逻辑
log.e(“tag”, “js 调用了 android 的方法”);
set collection = uri.getqueryparameternames();
iterator it = collection.iterator();
string result = “”;
while (it.hasnext()) {
result += uri.getqueryparameter(it.next()) + “,”;
}
tv_result.settext(result);
}
return true;
}
return super.shouldoverrideurlloading(view, url);
}
});

方法三：通过 webchromeclient 的 onjsalert() 、 onjsconfirm() 、 onjsprompt（）方法回调拦截 js 对话框 alert() 、 confirm() 、 prompt（）消息

1）js代码中，约定协议

// 调用 prompt()
var result=prompt(“js://prompt?arg1=”+inputele.value+“&arg2=222”);
alert(“prompt：” + result);

2）android 代码中，通过设置 webchromeclient 对协议进行拦截处理

webview.setwebchromeclient(new webchromeclient() {
@override
public boolean onjsprompt(webview view, string url, string message, string defaultvalue, jspromptresult result) {
// 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
// 例如：url = “js://webview?arg1=111&arg2=222”
uri uri = uri.parse(message);
log.e(“tag”, “----onjsprompt—>>” + url + “,” + message);
// 如果url的协议 = 预先约定的 js 协议
if (uri.getscheme().equals(“js”)) {
// 拦截url,下面js开始调用android需要的方法
if (uri.getauthority().equals(“prompt”)) {
// 执行js所需要调用的逻辑
log.e(“tag”, “js 调用了 android 的方法”);
set collection = uri.getqueryparameternames();
iterator it = collection.iterator();
string result2 = “”;
while (it.hasnext()) {
result2 += uri.getqueryparameter(it.next()) + “,”;
}
tv_result.settext(result2);
}
return true;
}
return super.onjsprompt(view, url, message, defaultvalue, result);
}

@override
public boolean onjsalert(webview view, string url, string message, jsresult result) {
log.e(“tag”, “----onjsalert—>>” + url+ “,” + message);
return super.onjsalert(view, url, message, result);
}

@override
public boolean onjsconfirm(webview view, string url, string message, jsresult result) {
log.e(“tag”, “----onjsconfirm—>>” + url+ “,” + message);
return super.onjsconfirm(view, url, message, result);
}
});