webview android怎样实现交互 - 问答

在Android中，WebView是一个用于显示网页的视图。要实现WebView与原生应用的交互，你可以使用以下方法：

通过JavaScript接口（JavaScript Interface）：

在Android中，你可以创建一个本地对象，并将其设置为JavaScript接口。这样，当网页中的JavaScript代码调用该接口的方法时，原生应用将收到通知。

首先，创建一个本地对象，该对象包含一个或多个供JavaScript调用的方法：

public class MyJavaScriptInterface {
    private TextView textView;

    public MyJavaScriptInterface(TextView textView) {
        this.textView = textView;
    }

    @JavascriptInterface
    public void processContent(String content) {
        textView.setText(content);
    }
}

然后，将这个对象添加到WebView中：

WebView webView = findViewById(R.id.webview);
TextView textView = findViewById(R.id.textView);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new MyJavaScriptInterface(textView), "Android");
webView.loadUrl("file:///android_asset/index.html");

最后，在HTML文件中，你可以使用JavaScript调用这个接口的方法：

<!DOCTYPE html>
<html>
<head>
    <title>WebView Example</title>
    <script type="text/javascript">
        function callAndroidFunction() {
            var content = "Hello from JavaScript!";
            Android.processContent(content);
        }
    </script>
</head>
<body>
    <button onclick="callAndroidFunction()">Click me</button>
</body>
</html>

通过WebViewClient：

你还可以通过扩展WebViewClient类并重写shouldOverrideUrlLoading()方法来实现对特定URL的点击事件处理。这样，当用户点击某个链接时，你可以执行相应的操作，例如打开一个新的Activity。

WebView webView = findViewById(R.id.webview);
webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (url.startsWith("http://")) {
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;
        }
        return false;
    }
});
webView.loadUrl("file:///android_asset/index.html");

通过WebView.addJavascriptInterface()注册本地对象供JS调用：

在Android中，你可以使用addJavascriptInterface()方法将一个本地对象注册为JavaScript接口，并指定一个名称供JS调用。这样，当JS代码调用该名称的方法时，原生应用中的对应方法将被执行。

首先，创建一个本地对象，该对象包含一个或多个供JavaScript调用的方法：

public class MyJavaScriptInterface {
    private TextView textView;

    public MyJavaScriptInterface(TextView textView) {
        this.textView = textView;
    }

    @JavascriptInterface
    public void processContent(String content) {
        textView.setText(content);
    }
}

然后，将这个对象添加到WebView中：

WebView webView = findViewById(R.id.webview);
TextView textView = findViewById(R.id.textView);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new MyJavaScriptInterface(textView), "Android");
webView.loadUrl("file:///android_asset/index.html");

最后，在HTML文件中，你可以使用JavaScript调用这个接口的方法：

<!DOCTYPE html>
<html>
<head>
    <title>WebView Example</title>
    <script type="text/javascript">
        function callAndroidFunction() {
            var content = "Hello from JavaScript!";
            Android.processContent(content);
        }
    </script>
</head>
<body>
    <button onclick="callAndroidFunction()">Click me</button>
</body>
</html>

通过这些方法，你可以在Android WebView中实现与原生应用的交互。

0 赞

0 踩