WebView中Js、Java互相调用 of Android

最新推荐文章于 2024-04-03 13:59:15 发布

原创最新推荐文章于 2024-04-03 13:59:15 发布 · 366 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文详细介绍了在Android环境中，如何通过WebView使JavaScript调用Java代码的步骤。包括启用WebView对Js的支持，创建并注解可被Js调用的Java类，以及在WebView中注册该类实例，最终实现Js与Java的交互。

一、Js调用Java

准备步骤

1.设置WebView支持Js代码

webview.settings.javaScriptEnabled = true

2.编写一个Js可以调用的java类，在该类中，允许js调用的方法需要添加一个方法注解（@JavascriptInterface）

3.给WebView设置步骤二新建的类的实例，并将该类取名（Js调用该实例的方法时，需要用到该名）

webview.addJavascriptInterface(Js_Dot_Java(tv), "JsInerface")

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //设置WebView支持Js
        webview.settings.javaScriptEnabled = true
        //给WebView添加一个Js可以调用的Java实例，
        // 并且这个实例取名为JsInerface（Js调用该实例的方法时，需要用到该名）
        webview.addJavascriptInterface(Js_Dot_Java(tv), "JsInerface")
        //WebView加载html文件
        webview.loadUrl("file:///android_asset/web_page.html")
    }

}

展示效果图