H5与安卓webview交互

以Vue.js 2.0中开发H5移动端为例:

在H5中:

<script>
    export default {
      mounted() {
          window.closePhoto = this.ClosePhoto;//注册window全局函数
      },
      methods: {
           takePhoto: function() {
              try {
                window.AndroidObj.showToast("H5向安卓传递信息");
              } catch (e) {
                console.log("出现错误, 如果在非android环境下访问, 出现该警告是正常的.");
              }
            },
            ClosePhoto(info) {
                console.log(info);//输出:这是anroid传递给js的参数
            }
        }
    }
</script> 

 

在安卓中:

//接收参数
public void showToast(String name) {
    Toast.makeText(mContxt, name, Toast.LENGTH_LONG).show();
    Log.i(LOG_TAG, name);//输出:H5向安卓传递的信息
}

//传递参数
public void onClick(View v) {
    mWebView.loadUrl("javascript:ClosePhoto("+"'这是anroid传递给js的参数')");
}

 

 
posted @ 2018-11-28 09:45  付刚的博客  阅读(93)  评论(0编辑  收藏