前言

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（）

三种方式的对比 & 使用场景