如何获取WebView加载页面触发显示的弹窗的HTML内容？

• 原有逻辑中的onPageFinished回调仅在WebView完成新页面加载时触发，你遇到的弹窗属于页面内JS动态生成的模态浮层，不会触发新页面加载流程，因此回调不会执行，BackgroundScriptInterface自然不会被调用。
• 使用evaluateJavascript时传入了网页URL作为参数，该方法要求第一个参数为可执行的JavaScript脚本，传入无效脚本只会返回null。

方案1：手动触发获取当前页面全量HTML #

修正evaluateJavascript的参数为返回DOM内容的JS代码即可，注意返回结果需要做转义处理：

webView.evaluateJavascript("document.documentElement.outerHTML", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String s) {
        // 处理返回的JSON转义字符串，拿到原始HTML
        String rawHtml = s.replaceAll("^\"|\"$", "")
                .replace("\\\"", "\"")
                .replace("\\\\", "\\");
        Log.d("competDetail", rawHtml);
    }
});

方案2：自动监听弹窗生成并抓取内容 #

如果需要弹窗出现时自动抓取内容，可以在页面加载完成后注入MutationObserver监听DOM变化，弹窗生成时自动回传内容到你的JS接口：

webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new BackgroundScriptInterface(), "HTMLOUT");
webView.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 注入DOM变化监听脚本
        String monitorJs = "const observer = new MutationObserver((mutations) => {" +
                "mutations.forEach((mutation) => {" +
                "if(mutation.addedNodes.length > 0) {" +
                // 可按需添加弹窗特征判断，如if(document.querySelector('.弹窗类名')) 再触发回传，减少无效调用
                "window.HTMLOUT.processHTML(document.documentElement.outerHTML);" +
                "}" +
                "});" +
                "});" +
                "observer.observe(document.body, {childList: true, subtree: true});";
        
        if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
            webView.evaluateJavascript(monitorJs, null);
        } else {
            webView.loadUrl("javascript:" + monitorJs);
        }
    }
});

• 如果你知道弹窗的固定id、类名等特征，可以在JS逻辑中增加判断条件，只有符合特征的DOM节点新增时才触发内容回传，避免不必要的性能消耗和重复调用。
• 若弹窗内容是异步加载的，可在触发回传前加100-300ms的延迟，确保弹窗内容完全渲染完成再抓取。

内容的提问来源于stack exchange，提问作者ema3272