Android开发本地调用JS

在Android开发中，有时候我们需要在WebView中调用JavaScript函数，或者让JavaScript函数调用Android本地方法。这种跨平台的通信方式可以实现更加灵活和丰富的功能，提升用户体验。本文将介绍如何在Android应用中实现本地调用JS的功能，并提供代码示例。

流程图

flowchart TD;
    A[Android App] --> B[WebView];
    B --> C[JavaScript];

序列图

sequenceDiagram
    participant AndroidApp
    participant WebView
    participant JavaScript

    AndroidApp->>WebView: 加载网页页面
    WebView->>JavaScript: 调用本地方法
    JavaScript->>AndroidApp: 获取本地数据

实现步骤

1. 在布局文件中添加WebView

首先，在布局文件中添加一个WebView：

<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

2. 在Activity中设置WebView

在Activity中找到WebView，并设置相关的属性和JavaScript交互接口：

WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);

webView.addJavascriptInterface(new JavaScriptInterface(), "Android");

3. 创建JavaScript接口类

创建一个JavaScript接口类，用于定义本地方法供JavaScript调用：

public class JavaScriptInterface {

    @JavascriptInterface
    public void showToast(String message) {
        Toast.makeText(getApplicationContext(), message, Toast.LENGTH_SHORT).show();
    }
}

4. 在JavaScript中调用本地方法

在JavaScript代码中通过window.Android对象调用本地方法：

<button onclick="window.Android.showToast('Hello from JavaScript')">Show Toast</button>

5. 本地调用JavaScript方法

通过WebView的evaluateJavascript方法调用JavaScript方法：

webView.evaluateJavascript("javascript:yourJavaScriptFunction()", null);

总结

通过以上步骤，我们可以实现在Android应用中实现本地调用JS的功能。这种跨平台的通信方式可以为我们的应用增加更多交互性和功能性，提升用户体验。希望本文对你有所帮助，祝你开发顺利！