android怎么调用js代码

在Android中调用JS代码的方法有很多种，主要包括：使用WebView加载网页并调用JavaScript代码、通过JavaScriptInterface与JavaScript进行交互、使用JS Bridge进行更高级的交互。这三种方法各有优缺点，适用于不同的场景和需求。下面我们将详细介绍其中一种方法：使用WebView加载网页并调用JavaScript代码。

一、使用WebView加载网页并调用JavaScript代码

1、初始化WebView

首先，我们需要在Android项目中添加一个WebView控件，并进行基本的设置。WebView是Android提供的一个用于显示网页内容的控件，可以加载和解析HTML、CSS、JavaScript等网页内容。

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true); // 启用JavaScript

2、加载网页内容

接下来，我们需要在WebView中加载网页内容，可以是本地的HTML文件，也可以是远程的URL。

myWebView.loadUrl("file:///android_asset/sample.html"); // 加载本地HTML文件
// 或者
myWebView.loadUrl("https://www.example.com"); // 加载远程URL

3、调用JavaScript代码

在网页加载完成后，我们可以通过WebView的evaluateJavascript方法调用JavaScript代码。

myWebView.evaluateJavascript("javascript:yourFunction();", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String value) {
        // 处理JavaScript执行的结果
    }
});

二、通过JavaScriptInterface与JavaScript进行交互

1、定义JavaScriptInterface

为了让JavaScript能够调用Android的方法，我们需要定义一个JavaScriptInterface类，并使用@JavascriptInterface注解暴露方法。

public class WebAppInterface {
    Context mContext;
    WebAppInterface(Context c) {
        mContext = c;
    }
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

2、将JavaScriptInterface添加到WebView

接下来，我们需要将定义好的JavaScriptInterface添加到WebView中。

myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");

3、在JavaScript中调用Android方法

在网页的JavaScript代码中，可以通过window.Android来调用Android暴露的方法。

function callAndroidFunction() {
    window.Android.showToast("Hello from JavaScript!");
}

三、使用JS Bridge进行更高级的交互

1、引入JS Bridge库

JS Bridge是一个用于Android与JavaScript进行高级交互的开源库，可以实现更复杂的交互需求。首先，我们需要将JS Bridge库添加到项目中。

implementation 'com.github.lzyzsd:jsbridge:1.0.4'

2、初始化WebView并设置JS Bridge

接下来，我们需要初始化WebView，并设置JS Bridge。

BridgeWebView myWebView = (BridgeWebView) findViewById(R.id.webview);
myWebView.setDefaultHandler(new DefaultHandler());

3、定义并注册Handler

在Android中定义并注册Handler，用于处理JavaScript的调用。

myWebView.registerHandler("submitFromWeb", new BridgeHandler() {
    @Override
    public void handler(String data, CallBackFunction function) {
        // 处理JavaScript调用的数据
        function.onCallBack("Response from Android");
    }
});

4、在JavaScript中调用Handler

在JavaScript中，可以使用JS Bridge的callHandler方法调用Android注册的Handler。

bridge.callHandler('submitFromWeb', {'param': 'value'}, function(response) {
    console.log(response);
});

四、总结

在Android中调用JavaScript代码主要有三种方法：使用WebView加载网页并调用JavaScript代码、通过JavaScriptInterface与JavaScript进行交互、使用JS Bridge进行更高级的交互。每种方法都有其优缺点，开发者可以根据具体需求选择合适的方法进行实现。

使用WebView加载网页并调用JavaScript代码 是最基本的方法，适用于简单的JavaScript调用场景。通过JavaScriptInterface与JavaScript进行交互 可以实现JavaScript调用Android方法，适用于需要双向交互的场景。使用JS Bridge进行更高级的交互 提供了更强大的功能，适用于复杂的交互需求。

无论选择哪种方法，都需要注意安全性，尤其是在暴露给JavaScript调用的Android方法中，避免存在安全漏洞。同时，还需要处理好JavaScript调用和Android方法执行的异步问题，保证应用的稳定性和性能。