关于js与android方法互调的问题

在android平台上用WebView打开一个网页，进行javascript和android native方法的互调以及传参，网上这方面的资料很少，经过调试，将我的成果分享出来：

首先，在android开发平台上先定义一个WebView并设置相应的属性：

mWebView.setWebChromeClient(new WebChromeClient());// 设置此属性可让webview支持alert弹窗        mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);//设置页面滑动风格        mWebView.getSettings().setBuiltInZoomControls(true);// 使页面支持缩放        mWebView.getSettings().setJavaScriptEnabled(true);// 使webView可以调用js方法        mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);        mWebView.loadUrl(url);//这里传入所要访问的url        mWebView.addJavascriptInterface(Test, "test");// 使js可以调用app方法，第二个参数为接口名        mWebView.setWebViewClient(new WebViewClient() {            @Override            public void onPageFinished(WebView view, String url) {                super.onPageFinished(view, url);                //这里做加载完成的处理            }        });// 设置一个webview的WebViewClient（打开网页时不调用系统浏览器， 而是在本WebView中显示）

设置完成后，直接调用webView的loadUrl方法，传入javascript方法名：

mWebView.loadUrl("javascript:Test.test()");//这里传入js方法名，注意前面加javascript

上面说的是native调用javascript方法的举例，接下来说说javascript调用native方法的流程：

继上方设置了mWebView.addJavascriptInterface(Test, "test");属性后，我们需要定义一个类，比如：

class Test {        private Context mContext;        public Test(Context context) {            super();            this.mContext = context;        }        @JavascriptInterface        public void test(String first, String second) {            Log.v(TAG,"first:"+first+" second:"+second);//这里拿到js回传的参数之后进行处理        }    }

这里需要注意的是，js回调native方法需要加@JavascriptInterface注解

web端需要做如下设置，需要有一个与native加注解的方法一致的接口方法：

<script type="text/javascript">var TestLocal = {test : function(first, second,  third) {Test.test(first, second);}}</script>

好~这里android native方法和javascript方法互调基本流程都介绍了一遍，第一次写博客，不足之处请大家指正噢~希望大家支持哈~