使用webview Android和js进行通信

最新推荐文章于 2024-07-24 11:23:56 发布

蜗牛

最新推荐文章于 2024-07-24 11:23:56 发布

阅读量2k

点赞数

分类专栏：做Android项目遇到的问题的解决办法文章标签： webview android javascript kotlin

本文链接：https://blog.csdn.net/qq_34332698/article/details/122058092

版权

做Android项目遇到的问题的解决办法专栏收录该内容

19 篇文章 0 订阅

订阅专栏

Android调用js的方法

webView.evaluateJavascript("javascript:aaa(1)") {
        value -> Log.i("webView", value ?: "null")
 }

aaa是js端定义的方法，1为传的参数，value是方法返回的值

js调用Android的方法

1.定义一个类，里面定义一个带 @JavascriptInterface注解的方法，直接return js可以接收到返回值

// 继承自Object类
class AndroidtoJs : Any() {
    // 定义JS需要调用的方法
    // 被JS调用的方法必须加入@JavascriptInterface注解
    @JavascriptInterface
    fun hello(msg: String?):String {
        Log.i("AndroidtoJs", "JS调用了Android的hello方法")
        return "kaylee"
    }
}

2.在使用webview的地方将Android对象映射到js的test对象

val mWebSettings = webView.settings
mWebSettings.javaScriptEnabled = true//是否允许JavaScript脚本运行，默认为false
webView.addJavascriptInterface(AndroidtoJs(), "test") //AndroidtoJS类对象映射到js的test对象

3.js的代码

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson</title>  
      <script>
         function callAndroid(){
        // 由于对象映射，所以调用test对象等于调用Android映射的对象
            test.hello("js调用了android中的hello方法");
         }
      </script>
   </head>
   <body>
      //点击按钮则调用callAndroid函数
      <button type="button" id="button1" onclick="callAndroid()"></button>
   </body>
</html>

参考：android webview与网页通信的几种方式