前言
Android与JS通过WebView互相调用方法，实际上是：
1、Android去调用JS的代码
2、JS去调用Android的代码
二者沟通的桥梁是WebView
对于Android调用JS代码的方法有2种：
1. 通过WebView的loadUrl（）
2. 通过WebView的evaluateJavascript（）
对于JS调用Android代码的方法有3种：
1. 通过WebView的addJavascriptInterface（）进行对象映射
2. 通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
3. 通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
具体分析
Android调用JS代码
1、Android通过WebView调用 JS 代码
方式1：通过WebView的loadUrl（）
将需要调用的JS代码以.html格式放到src/main/assets文件夹里
在Android里通过WebView设置调用JS代码 ，特别注意：JS代码调用一定要在 onPageFinished（） 回调之后才能调用，否则不会调用。
public class MainActivityextends AppCompatActivityimplements View.OnClickListener {
private WebViewwebview;
private Buttonbtn_click;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webview = (WebView) findViewById(R.id.webview);
btn_click = (Button) findViewById(R.id.btn_click);
btn_click.setOnClickListener(this);
WebSettings webSettings =webview.getSettings();
// 设置与Js交互的权限
webSettings.setJavaScriptEnabled(true);
// 设置允许JS弹窗
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
// 先载入JS代码
// 格式规定为:file:///android_asset/文件名.html
webview.loadUrl("file:///android_asset/js.html");
// 由于设置了弹窗检验调用结果,所以需要支持js对话框
// webview只是载体，内容的渲染需要使用webviewChromClient类去实现
// 通过设置WebChromeClient对象处理JavaScript的对话框
//设置响应js 的Alert()函数
webview.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
AlertDialog.Builder alert =new AlertDialog.Builder(MainActivity.this);
alert.setTitle("Alert");
alert.setMessage(message);
alert.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
alert.setCancelable(false);
alert.create().show();
return true;
}
});
}
@Override
public void onClick(View v) {
if (v ==btn_click) {
webview.post(new Runnable() {
@Override
public void run() {
// 注意调用的JS方法名要对应上
// 调用javascript的callJS()方法
webview.loadUrl("javascript:callJS()");
}
});
}
}
}
2、通过WebView的evaluateJavascript（），因为该方法的执行不会使页面刷新，而第一种方法（loadUrl ）的执行则会。
Android 4.4 后才可使用
JS通过WebView调用 Android 代码
1、通过 WebView的addJavascriptInterface（）进行对象映射
定义一个与JS对象映射关系的Android类：AndroidJsMapping
将需要调用的JS代码以.html格式放到src/main/assets文件夹里，注意图中test变量，需要在android代码中定义
在Android里通过WebView设置Android类与JS代码的映射
2、通过 WebViewClient 的方法shouldOverrideUrlLoading ()回调拦截 url，Android通过 WebViewClient 的回调方法shouldOverrideUrlLoading ()拦截 url，解析该 url 的协议，如果检测到是预先约定好的协议，就调用相应方法
在JS约定所需要的Url协议
在Android通过WebViewClient复写shouldOverrideUrlLoading （）
3、通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息，Android通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调分别拦截JS对话框，得到他们的消息内容，然后解析即可。常用的拦截是：拦截 JS的输入框（即prompt（）方法）
加载JS代码
在Android通过WebChromeClient复写onJsPrompt（）
三种方式的对比 & 使用场景
