Android Webview和js交互

有时我们有这样的需求：需要从app的网页中点击调用软件内部的页面，又或者是软件内部调用网页的js方法。

js代码调用Android中的方法

addJavascriptInterface方法有两个参数：
第一个参数就是我们一般会实现一个自己的类，类里面提供我们要提供给javascript访问的方法；
第二个参数是访问我们在obj中声明的方法时候所用到的js对象；
调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() 。

//启用webview对javascript支持
webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new WebAppInterface(this), "android");

//接口名称自定义
public class WebAppInterface {
    Context mContext;

    WebAppInterface(Context c) {
        mContext = c;
    }
    //参数名这个自己定义，和网页js传参对应即可
    @JavascriptInterface
    public void show(String url) {
       //这里就进行软件内部处理了，
    }
}

在网页中进行js调用

<a onClick="window.android.show('传参')" />

Android代码调用js方法

很简单通过WebView的loadUrl方法去调用的就行、只是改变下参数url的写法

// 无参数调用
webView.loadUrl("javascript:androidtojs()");
// 传递参数调用
webView.loadUrl("javascript:androidtojsargs("传参")");

在网页中创建js方法

<script type="text/javascript">
function androidtojs(){
     //自己实现处理
}

function androidtojsargs(arg){
    //自己实现处理
}
</script>

JAVA和JS交互注意事项

1、尽量用js调用Android方法：

• Android调用js里面的函数的效率远远低于js调用Android
• Android调用js的函数，没有返回值，调用了就控制不到了

2、Js调用Android的方法，返回值如果是native字符串，必须使用toLocaleString()转成locale的才能正常使用，但是有的耗时
3、网页中尽量使用原生的js写业务脚本、以提升加载速度