关于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方法互调基本流程都介绍了一遍，第一次写博客，不足之处请大家指正噢~希望大家支持哈~