Android webview和javascript交互

Android中很多直接显示网页的需求，但是很错不单单只是显示网页就可以了，还需要与网页进行交互，就是所谓的Java与javascript交互。
如何实现：
实现Java和js交互十分便捷。通常只需要以下几步。
WebView开启JavaScript脚本执行
WebView设置供JavaScript调用的交互接口。
客户端和网页端编写调用对方的代码。

先贴出代码：

public class MainActivity extends Activity {

    private WebView webView;
    private String url_path = "http://m.dapu.com/mgallery-promotion-298.html";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        initView();

        // 覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为，使网页用WebView打开
        webView.setWebViewClient(new WebViewClient() {

            @Override
            // 在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // 判断url链接中是否含有某个字段，如果有就执行指定的跳转（不执行跳转url链接），如果没有就加载url链接
                if (url.contains("/mproduct-")) {
                    Intent i = new Intent(MainActivity.this, MainActivity.class);
                    startActivity(i);
                    return true;
                } else {
                    return false;
                }
            }

            public void onReceivedSslError(WebView view,
                    SslErrorHandler handler, SslError error) {
                // handler.cancel(); 默认的处理方式，WebView变成空白页
                // //接受证书
                handler.proceed();
                // handleMessage(Message msg); 其他处理
            }

            @Override
            // 此回调是拦截点击要跳转的url链接，并对请求的url链接做修改（添加删除字段）
            public WebResourceResponse shouldInterceptRequest(WebView view,
                    String url) {
                return null;
            }

            @Override
            //加载完页面之后的处理
            public void onPageFinished(WebView view, String url) {
                //网页加载完之后，java调用js方法
                 webView.loadUrl("javascript:shareToFriends()");
                super.onPageFinished(view, url);
            }
        });

        webView.addJavascriptInterface(new JsToJava(), "androidShare");

        webView.setWebChromeClient(new WebChromeClient(){
            //处理javaScrip的Alter事件，这里也可以用android组件替换
            @Override
            public boolean onJsAlert(WebView view, String url, String message,
                    JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }

            //加载进度条
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
            }

        });

        // WebView加载web资源
        webView.loadUrl(url_path);

    }

    private class JsToJava{
        //这里需要加@JavascriptInterface，4.2之后提供给javascript调用的函数必须带有@JavascriptInterface
        @JavascriptInterface
        public void jsMethod(String paramFromJS){
            System.out.println("js返回结果:" + paramFromJS);//处理返回的结果
        }
    }

    @SuppressLint("SetJavaScriptEnabled")
    private void initView() {
        webView = (WebView) findViewById(R.id.webView);
        WebSettings settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setBuiltInZoomControls(true);// 设置支持缩放
        settings.setSupportZoom(false);// 不支持缩放
        settings.setUseWideViewPort(false);// 将图片调整到适合webview大小
        settings.setLoadWithOverviewMode(true);// 缩放至屏幕的大小
        settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//支持缓存

    }

    // 覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {
            webView.goBack();// 返回前一个页面
            // finish();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

}

网页代码：

<script  type="text/javascript">
function shareToFriends(){
    var result = "title:'大朴优选：发现光芒之物',desc:'大朴优选：发现光芒之物',link:'http://m.dapu.com/mgallery-promotion- 298.html',imgUrl:'http://activity.dapuimg.com/dapu_20160825000_r1_c1.jpg'";
    window.androidShare.jsMethod(result);
}
</script>

Java调用JS，获取不到返回值

webView调用js的基本格式为webView.loadUrl(“javascript:methodName(parameterValues)”)

获取javascript返回值，首先要对webview绑定javascriptInterface，js脚本通过这个接口来调用java代码。

webView.addJavascriptInterface(new JsToJava(), "androidShare");

JsToJava实际就是一个普通的java类，里面是我们本地实现的java代码， 将object 传递给webview，并指定别名，这样js脚本就可以通过我们给的这个别名来调用我们的方法,在上面的代码中，androidShare是这个对象在js中的别名

private class JsToJava{
        //这里需要加@JavascriptInterface，4.2之后提供给javascript调用的函数必须带有@JavascriptInterface
        @JavascriptInterface
        public void jsMethod(String paramFromJS){
            System.out.println("js返回结果:" + paramFromJS);//处理返回的结果
        }
    }

当网页加载完之后，在加载完回调方法中调用js方法

@Override
            //加载完页面之后的处理
            public void onPageFinished(WebView view, String url) {
                //网页加载完之后，java调用js方法
                 webView.loadUrl("javascript:shareToFriends()");
                super.onPageFinished(view, url);
            }

然后执行js方法，js方法中在调用java注册的方法来回来数据给java

function shareToFriends(){
    var result = "title:'大朴优选：发现光芒之物',desc:'大朴优选：发现光芒之物',link:'http://m.dapu.com/mgallery-promotion- 298.html',imgUrl:'http://activity.dapuimg.com/dapu_20160825000_r1_c1.jpg'";
    window.androidShare.jsMethod(result);
}

window.androidShare.jsMethod(result)；这行代码就是javascript调用java代码返回数据给java

补充：
对于Android调用JS代码的方法有2种：
Android 4.4以下使用方法1，Android 4.4以上方法2
1. 通过WebView的loadUrl（）
2. 通过WebView的evaluateJavascript（）

通过WebView的loadUrl（）

// 调用javascript的callJS()方法
 mWebView.loadUrl("javascript:callJS()");

关于调用js方法传值的参数写法
webView.loadUrl("javascript:callJS('" + name + "'，'" + password + "')");

通过WebView的evaluateJavascript（）

// 只需要将第一种方法的loadUrl()换成下面该方法即可
    mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            //此处为 js 返回的结果
        }
    });
}

源码下载