前端之家收集整理的这篇文章主要介绍了
安卓Native和H5页面进行交互，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
安卓Native和H5页面进行交互
1、H5页面调用安卓Native界面
1）通过给webView添加JsInterface,安卓提供接口，让H5来进行调用
a)安卓写一个类，里面的方法需要用通过注解来表明是java接口的方法。
eg:
@H_
404_20@
private class WebInterface {
@JavascriptInterface
public void callFromJSBasicDataType(
int x,
float y,1)">char c,1)">boolean
result) {
String str = "-" + (x + 1) + "-" + (y + 1) + "-" + c + "-" +
result;
Log.e("tttt","tttttt"+
str);
}
@JavascriptInterface
void callAndroidMethod() {
Log.e("tttt","tttttt2"
);
}
}
b)设置webView可以支持js
eg：
webView.getSettings().setJavaScriptEnabled(true);
c)给webView添加js接口类，并取别名
webView.addJavascriptInterface(new WebInterface(),"robot");
至此，安卓的配置完成了。
下面配置HTML页面
在代码中添加下面的代码，如果加载了页面了，就会调用起别名叫robot这个接口类里面的js接口方法
<p>
<button onclick="robot.callFromJSBasicDataType(1,2,'a',true);">点击我调用android 方法</button>
</p>
2）通过设置webview的setWebViewClient。安卓通过url跳转时的改变，来进行不同的操作
当webview加载的页面出现变化的时候，可以进行不同的操作，例如访问站外的网址，或者黑名单的网址进行提示
eg:
@H_
404_20@wb.setWebViewClient(
new Custom());
private class Custom
extends WebViewClient{
@Override
shouldOverrideUrlLoading(WebView view,String url) {
// TODO Auto-generated method stub
Log.e("tttt"
,url);
if (url.contains("bai"
)) {
Dialog d=
new Dialog(MainActivity.
this);
d.setTitle("ttttt"
);
d.show();
return true;
}
false;
}
@Override
onPageStarted(WebView view,String url,Bitmap favicon) {
TODO Auto-generated method stub
super.onPageStarted(view,url,favicon);
}
@Override
onPageFinished(WebView view,1)">.onPageFinished(view,url);
}
}
2、安卓Native界面调用H5方法
主要就是通过webview的LoadUrl方法
eg:
webView.loadUrl("javascript:noParamFunction();");
注：需要页面加载完成之后调用才有效。因为js脚本需要完全加载到页面中才可以调用到，否则没有任何效果
