使用WebView加载本地HTML文件获取数据

在Android开发中，我们经常会遇到需要在Activity中加载HTML文件并获取其中的数据的需求。本文将介绍如何通过WebView加载本地HTML文件并通过Javascript接口获取数据。具体实现步骤如下：

1. 添加HTML文件到assets目录

首先，我们需要将HTML文件添加到Android项目的assets目录下。假设我们的HTML文件名为sample.html，并包含如下内容：

<!DOCTYPE html>
<html>
<head>
    <title>Sample HTML</title>
</head>
<body>
    Hello, Android!
    <script>
        function getData() {
            return document.getElementById('data').innerHTML;
        }
    </script>
</body>
</html>

2. 在Activity中加载HTML文件并注册Javascript接口

在Activity的onCreate方法中，我们通过WebView加载本地的sample.html文件，并注册一个Javascript接口来实现数据的获取。

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.JavascriptInterface;

public class MainActivity extends Activity {

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

        WebView webView = findViewById(R.id.webView);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("file:///android_asset/sample.html");

        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                view.loadUrl("javascript:window.Android.getData(document.getElementById('data').innerHTML)");
            }
        });

        webView.addJavascriptInterface(new JavascriptInterface() {
            @JavascriptInterface
            public void getData(String data) {
                // 处理获取到的数据
                System.out.println("Data from HTML: " + data);
            }
        }, "Android");
    }
}

3. 实现Javascript接口方法

在Javascript代码中，我们定义了一个getData方法用于获取HTML中<h1>标签的内容。当页面加载完成后，通过loadUrl方法调用getData方法，并传递数据给Android端。

总结

通过以上步骤，我们成功实现了在Android Activity中加载本地HTML文件并通过Javascript接口获取数据的功能。这种方式适用于需要动态获取HTML页面中数据的场景，可以方便地实现数据的传递和处理。

gantt
    title HTML数据获取流程
    dateFormat  YYYY-MM-DD
    section 加载HTML文件
    加载HTML文件                   :done, 2022-01-01, 1d
    section 注册Javascript接口
    注册Javascript接口            :done, 2022-01-02, 1d
    section 实现Javascript接口方法
    实现Javascript接口方法        :done, 2022-01-03, 1d

在实际开发中，我们可以根据具体的需求，进一步优化和扩展这个方案，以满足更多复杂的场景需要。希望本文对您有所帮助，谢谢！

引用形式的描述信息： 本文主要介绍了在Android中如何通过WebView加载本地HTML文件并获取其中的数据的方法，通过注册Javascript接口实现数据的传递和处理。