js 与 Android 的交互

1. js调用Android

1. 定义给js调用的接口

package com.xunku.weixiaobao.me.common;import android.content.Context;import android.util.Log;import android.webkit.JavascriptInterface;/** * Created 郑贤鑫 on 2017/4/7. */public class JavaScriptinterface {    Context context;    public JavaScriptinterface(Context c) {        context= c;    }    /**     * 与js交互时用到的方法，在js里直接调用的     */    @JavascriptInterface    public void HtmlcallJava(String jsonString) {        Log.i("sinstar", "showToast: "+jsonString);//        Toast.makeText(context, jsonString, Toast.LENGTH_LONG).show();    }}

2.将这个 接口 传递给webview 的html页面

WebSettings webSettings = wvCourseContent.getSettings();        //设置WebView属性，能够执行Javascript脚本        webSettings.setJavaScriptEnabled(true);        //向 html 页面 注入实例        wvCourseContent.addJavascriptInterface(new JavaScriptinterface(this),"jsObj");        //设置可以访问文件        webSettings.setAllowFileAccess(true);        //设置支持缩放        webSettings.setBuiltInZoomControls(true);        //加载需要显示的网页        wvCourseContent.loadUrl(url);        //设置Web视图        wvCourseContent.setWebViewClient(new webViewClient ());

//Web视图    private class webViewClient extends WebViewClient {        public boolean shouldOverrideUrlLoading(WebView view, String url) {            view.loadUrl(url);            return true;        }    }

3. js 调用这个接口

<script type="text/javascript" language="javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端if(isAndroid){window.jsObj.HtmlcallJava('{"transStatus":"01","orderNo":"20170309174643528038477","msg":"付款成功"}');}else{window.webkit.messageHandlers.showMobile.postMessage('{"transStatus":"01","orderNo":"20170309174643528038477","msg":"付款成功"}');} </script>