WebView与js交互遇到的问题

浏览数：31 / 时间：2015年06月09日

1.在WebView中调用js，在4.4（target = 19）之前，只有一种方法：

调用js方法 test()

webView.loadUrl("javascript:test()");

注意，必须在主线程中调用，如果在非UI线程调用，可能会出错。所以，一般这样调用。

    handler.post(
          new Runnable() {
               webView.loadUrl("javascript:test()");
          }
     );

2.evaluateJavacript()方法调用js

在4.4及以后的版本中，采用第一种方法则会出现问题。理论上，loadUrl()方法只支持单行js的执行，但是在target=19及以后，该方法可能会不起作用。所以必须采用如下方法执行js：

      webView.evaluateJavascript("test()", new ValueCallback<String>() {                     
            @Override
            public void onReceiveValue(String arg0) {
                           
           }
      });

同样，evaluateJavascript()方法也必须在UI主线程执行。

3.@JavacriptInterface注解

在编写html5应用时，需要在js代码中访问java中的函数，则会用到WebView的addJavascriptInterface()函数。因为安全问题，在target=17及以上时，只能访问带有@JavascriptInterface注解的函数。之前，任何public的函数都可以在js代码中访问，其中的getClass()函数也能被访问到，然后js可以通过反射来访问其他一些内容。通过引入该注解，则在js中只能访问有该注解的函数，这样可以增强安全性。