Android Webview 与 JS 交互的灵活秘诀：掌握精髓，畅通沟通

在移动开发领域，WebView 作为一种在应用程序内嵌入网页内容的组件，发挥着至关重要的作用。而当您需要在 WebView 和 JavaScript 代码之间建立无缝连接时，交互技术就成为关键。本文将深入探讨 Android Webview 与 JS 交互的多种方式，帮助您掌握精髓，畅通沟通。

方式一：WebSettings 配置

WebSettings 类提供了丰富的 WebView 配置选项，其中就包括与 JavaScript 交互相关的设置。通过以下代码，可以启用 JavaScript 执行：

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);

方式二：addJavascriptInterface

addJavascriptInterface 方法允许您将 Java 对象暴露给 JavaScript 代码，从而实现双向交互。具体步骤如下：

public class MyObject {
    @JavascriptInterface
    public String getMessage() {
        return "Hello from Java!";
    }
}

webView.addJavascriptInterface(new MyObject(), "myObject");

在 JavaScript 中，您可以通过以下方式调用 Java 方法：

myObject.getMessage();

方式三：evaluateJavascript

evaluateJavascript 方法允许您直接执行 JavaScript 代码，并接收返回值。例如，获取网页

webView.evaluateJavascript("document.title", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String title) {
        // 使用 title
    }
});

方式四：loadUrl

loadUrl 方法不仅可以加载网页，还可以执行 JavaScript 代码。通过在 URL 中添加 JavaScript 代码，可以实现交互：

webView.loadUrl("javascript:alert('Hello from JavaScript!');");

实战案例

考虑以下场景：您有一个 WebView，需要与 JavaScript 交互，以获取网页标题并将其显示在 TextView 中。

public class MainActivity extends AppCompatActivity {

    private WebView webView;
    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = findViewById(R.id.webView);
        textView = findViewById(R.id.textView);

        // 启用 JavaScript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // 加载网页
        webView.loadUrl("https://example.com");

        // 获取网页标题
        webView.evaluateJavascript("document.title", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String title) {
                // 更新 TextView
                textView.setText(title);
            }
        });
    }
}

结语

掌握 Android Webview 与 JS 交互的精髓至关重要，它为移动应用程序的交互性增添了无限可能。从 WebSettings 配置到 addJavascriptInterface 和 evaluateJavascript 方法，再到 loadUrl 的巧妙运用，您可以根据自己的需求选择最合适的交互方式。通过实践本文介绍的技术，您将能够创建动态且响应式的高级 WebView 应用，畅通沟通，拓展用户体验。