Android 中 Webview 怎么获取打开的网页的 HTML 代码

Android中的Webview组件使得应用程序能够内嵌浏览网页，而获取打开网页的HTML代码则需要借助于Webview提供的几种接口来实现。 这些方法主要包括使用WebViewClient的onPageFinished方法以及evaluateJavascript方法、配合JavaScript接口或者使用WebChromeClient。在这些方法中，使用evaluateJavascript是最为常见和推荐的方式， 因为它可以直接调用JavaScript代码，并异步返回网页的HTML内容。

一、使用WebViewClient和evaluateJavascript获取HTML

通过WebViewClient的onPageFinished方法，我们可以在网页加载完毕后调用evaluateJavascript来获取HTML代码。首先，要设置一个WebViewClient来监听网页加载的状态。

webView.setWebViewClient(new WebViewClient() {

    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 网页加载完毕后，调用evaluateJavascript获取HTML
        evaluateHTML(view);
    }
});

接着，实现evaluateHTML方法来获取HTML内容。

private void evaluateHTML(WebView webView) {

    webView.evaluateJavascript("javascript:document.getElementsByTagName('html')[0].innerHTML;", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String html) {
            // 这里的html就是网页的HTML内容
            Log.d("HTML", html);
        }
    });
}

二、综合JavaScriptInterface获取HTML

另一种方法是将Java对象映射到JavaScript中，通过调用JavaScript方法来获取HTML代码。这要求使用addJavascriptInterface方法来实现。我们添加一个JavaScript接口，然后在JavaScript中调用这个接口的方法来返回HTML内容。

首先，在Java中创建一个类，供JavaScript调用。

public class JavaScriptInterface {

    private Context context;
    public JavaScriptInterface(Context context) {
        this.context = context;
    }
    @JavascriptInterface
    public void processHTML(String html) {
        // 在这里处理HTML代码
    }
}

然后，在WebView中添加JavaScript接口并调用JavaScript方法。

webView.addJavascriptInterface(new JavaScriptInterface(this), "HTMLOUT");

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 调用JavaScript获得HTML
        webView.loadUrl("javascript:window.HTMLOUT.processHTML('<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>');");
    }
});

三、使用WebChromeClient截获Alert

虽然这种方法不太常用，但我们还可以通过截获JavaScript的alert方法来获取HTML代码。在WebChromeClient中重写onJsAlert方法，从而截取HTML内容。首先，将WebChromeClient设置到WebView上。

webView.setWebChromeClient(new WebChromeClient() {

    @Override
    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
        // message即为HTML内容
        return super.onJsAlert(view, url, message, result);
    }
});

然后，在JavaScript中使用alert来显示HTML内容。

webView.loadUrl("javascript:alert(document.getElementsByTagName('html')[0].innerHTML);");

四、注意事项与最佳实践

虽然获取HTML代码看似简单，但实际应用中还需注意页面编码、脚本执行权限等细节问题。确保WebView设置了合适的JavaScript启用权限和对应的编码类型，这对于正确获取和显示网页内容至关重要。

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

webView.getSettings().setDefaultTextEncodingName("utf-8"); // 设置编码

此外，由于evaluateJavascript是异步执行的，因此一定要考虑其执行完成的时机。避免在HTML内容还未完全获取就进行后续操作，否则可能会出现数据不一致的问题。

在获取网页内容时，还需要考虑用户隐私和安全性。避免获取敏感信息，以及确保数据处理符合最新的网络安全标准和法规。

五、结论

获取WebView打开的网页HTML代码是一个多步骤的过程，常见的做法是使用WebViewClient和evaluateJavascript以及JavaScript接口协同工作以实现此功能。确保在实现的过程中注重用户隐私、数据安全，并妥善处理异步执行和页面编码等技术细节。适当使用加粗的核心内容可以帮助开发者更快地掌握关键所在，高效实现应用程序的相关功能。

相关问答FAQs：

1. 如何在Android中使用WebView获取已打开网页的HTML代码？
要在Android中获取WebView打开的网页的HTML代码，你可以使用WebView的loadUrl()方法加载网页，并通过重写WebViewClient的onPageFinished()方法获取网页的HTML代码。在onPageFinished()方法中，你可以使用webView.loadUrl("javascript:window.android.getContent(document.documentElement.outerHTML);")来调用JavaScript代码，将网页的HTML代码传递给Android代码的回调方法getContent()中进行处理。

2. Android中WebView如何实时获取正在加载的网页的HTML代码？
要实时获取WebView中正在加载的网页的HTML代码，你可以使用WebChromeClient的onProgressChanged()方法来监听加载进度，并在加载进度为100%时，使用WebView的saveWebArchive()方法将当前页面保存为WebArchive，并通过getContent()方法获取网页的HTML代码进行处理。

3. 如何在Android中使用Webview获取特定元素的HTML代码？
要在Android中获取WebView中特定元素的HTML代码，你可以使用JavaScript的getElementById()、getElementsByClassName()或getElementsByTagName()方法定位到特定的元素，然后将该元素的outerHTML传递给Android代码进行处理。通过WebView的loadUrl()方法加载带有JavaScript代码的网页，并在JavaScript中使用window.android.getContent(element.outerHTML)将特定元素的HTML代码传递给Android代码的回调方法getContent()进行处理。