1.原生调用js
(1)loadUrl方法
//js方法带参数的 参数为字符串需要加单引号 javascript:方法名 (参数名)
id_webview.loadUrl("javascript:nativeCallToJS("+"'hello xiaocheng'"+")");
//原生调JS带参数的方法
function nativeCallToJS(param) {
alert(param);
}
?(2)?evaluateJavascript方法
//原生调用js 获取返回值 returnResult: js定义的方法 ()不能少
public void nativeCallToJS2(){
id_webview.evaluateJavascript("returnResult()", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Toast.makeText(MainActivity.this,"我是调用js返回的数据:"+value,Toast.LENGTH_LONG).show();
}
});
}
//原生调JS获取返回值
function returnResult(){
return 1 + 2;
}
2.js调用原生
? (1)通过WebView的addJavaScriptInterface()进行对象映射
//1.添加js接口 有这个才能通信 mainActivity统一标识 js与原生标识要一致
id_webview.addJavascriptInterface(MainActivity.this,"mainActivity1");
//2.Js调用原生方法跳页传值
@JavascriptInterface
public void jsCallNativeToActivity(String msg){
Intent intent = new Intent(this,SecondActivity.class);
intent.putExtra("msg",msg);
startActivity(intent);
}
//Js调用原生方法跳页传值
function jsCallNativeToActivity(param){
window.mainActivity1.jsCallNativeToActivity(param);
}
?(2)WebViewClient的ShouldOverrideUrlLoading() 方法进行回调拦截
@Override
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
//通常根据scheme(协议格式) & authority(协议名)判断(前两个参数)
Uri uri = Uri.parse(request.getUrl().toString());
if (uri.getScheme().equals("org")) {
if (uri.getAuthority().equals("professor")) {
LogUtils.i(uri.getQueryParameter("arg1"));
}
return true;
}
return super.shouldOverrideUrlLoading(view, request);
}
function callAndroid(){
//协议org://professor?arg1=com&arg2=test
document.location = "org://professor?arg1=111&arg2=222";
}
?(3)?WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt()方法回调分别拦截JS对话框
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
//通常根据scheme(协议格式) & authority(协议名)判断(前两个参数)
Uri uri = Uri.parse(url);
if (uri.getScheme().equals("org")) {
if (uri.getAuthority().equals("professor")) {
LogUtils.i(uri.getQueryParameter("arg1"));
//参数result:表明消息框的返回值(输入值)
result.confirm("js调用了Android的方法成功啦");
}
return true;
}
return super.onJsPrompt(view, url, message, defaultValue, result);
}
function callAndroid(){
//document.location = "org://professor?arg1=111&arg2=222";
var result=prompt("org://professor?arg1=111&arg2=222");
alert("demo " + result);
}
|