如何在Android WebView中获取iframe内容？解决reCAPTCHA Token无效问题

看起来你碰到了WebView跨域访问第三方iframe的典型问题，尤其是面对Google reCAPTCHA这类场景时，直接拿DOM内容或单独请求Token都会失效。我来给你拆解可行的解决方案：

为什么你的现有方法行不通？ #

1. 跨域同源策略限制：主页面和reCAPTCHA的iframe属于不同域名，WebView的JS引擎会阻止你直接访问iframe的contentDocument或内部DOM，所以你只能拿到iframe标签本身，看不到内部内容。
2. Token的上下文绑定：reCAPTCHA的Token和当前页面的会话（Cookie、页面状态）强绑定，单独请求iframe链接生成的Token没有和主页面的上下文关联，自然会被服务端判定无效。
3. 时机问题：onPageFinished只表示主页面加载完成，但内部的iframe可能还在加载中，此时调用JS拿不到已初始化的grecaptcha对象，返回null也很正常。

可行的解决方案 #

1. 等待iframe加载完成，调用reCAPTCHA官方API获取Token #

reCAPTCHA提供了官方JS API来获取有效Token，我们需要确保iframe加载完毕后再调用这些方法：

@Override
public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    view.getSettings().setLoadsImagesAutomatically(true);
    Log.d(TAG, "onPageFinished: " + url);

    if (url.startsWith(MyApp.LOGIN_URL)) {
        // 延迟1秒（可根据实际情况调整）确保reCAPTCHA iframe加载完成
        chkLogin.postDelayed(() -> {
            webView.evaluateJavascript(
                // 先检查grecaptcha是否可用，再调用execute触发验证（针对invisible reCAPTCHA）
                "if (window.grecaptcha) {" +
                "   grecaptcha.execute('你的站点Key', {action: 'login'}).then(token => token);" +
                "} else {" +
                "   'captcha_not_ready'" +
                "}",
                new ValueCallback<String>() {
                    @Override
                    public void onReceiveValue(String value) {
                        // 移除返回值的引号
                        String token = value.replace("\"", "");
                        if (!"captcha_not_ready".equals(token)) {
                            Log.d(TAG, "获取到有效Token: " + token);
                            // 这里处理你的Token逻辑
                        } else {
                            // 可以尝试再次延迟调用，或者提示用户等待
                        }
                    }
                }
            );
        }, 1000);
    }
}

2. 配置WebView的必要设置 #

确保你的WebView开启了以下关键设置，否则JS和Cookie相关功能会受限：

WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true); // 必须开启JS
settings.setDomStorageEnabled(true); // 开启DOM存储，支持reCAPTCHA的状态保存
settings.setAllowFileAccess(true);

// 允许第三方Cookie（Android 5.0+）
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    CookieManager.getInstance().setAcceptThirdPartyCookies(webView, true);
} else {
    CookieManager.getInstance().setAcceptCookie(true);
}

3. 监听iframe加载状态（更可靠的时机控制） #

如果延迟时间不好把握，可以注入JS监听iframe的onload事件，确保完全加载后再操作：

webView.evaluateJavascript(
    "var captchaIframe = document.querySelector('iframe[src*=\"recaptcha\"]');" +
    "if (captchaIframe) {" +
    "   captchaIframe.onload = function() {" +
    "       if (this.contentWindow.grecaptcha) {" +
    "           this.contentWindow.grecaptcha.getResponse();" +
    "       }" +
    "   };" +
    "} else {" +
    "   'no_captcha_iframe'" +
    "}",
    new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            // 处理返回结果
        }
    }
);

关键注意事项 #

• 不要尝试绕过reCAPTCHA的官方流程：直接爬取iframe内容或者伪造Token都会被Google的验证机制拦截，服务端验证肯定通不过。
• invisible reCAPTCHA需要触发验证：如果是无框reCAPTCHA，必须调用grecaptcha.execute()来触发验证流程，直接getResponse()会返回空。
• 权限问题：确保你的App有网络权限，并且WebView没有被设置成离线模式。

内容的提问来源于stack exchange，提问作者الهام