Kotlin中WebView程序化登录后多页面加载与数据读取问题求助

一、修复登录逻辑的小问题 #

你当前的登录代码里，用户名输入框错误使用了password变量，建议替换为用户名变量（比如username），避免登录失败：

var webview = WebView(this)
webview.settings.javaScriptEnabled = true
webview.settings.domStorageEnabled = true
// 开启缓存，保持登录会话（可选）
webview.settings.cacheMode = WebSettings.LOAD_DEFAULT
webview.webViewClient = object : WebViewClient() {
    override fun onPageFinished(view: WebView, url: String) {
        super.onPageFinished(view, url)
        // 判断当前是否为登录页面
        if (url == "http://10.104.24.64/") {
            // 执行登录逻辑的JS
            webview.evaluateJavascript("""
                document.getElementById('TXT_UserName').value = '$username';
                document.getElementById('TXT_Password').value = '$password';
                document.getElementById('btn_Login').click();
            """.trimIndent(), null)
        }
        // 后续页面的处理逻辑写在这里
        else if (url.startsWith("http://10.104.24.64/home")) { // 假设登录后跳转首页
            // 首页加载完成后，执行内容读取或页面跳转
            readHomePageContent(view)
            // 或者跳转到其他目标页面
            navigateToTargetPage(view)
        }
        else if (url == "http://10.104.24.64/target-page") { // 目标页面URL
            readTargetPageContent(view)
        }
    }
}
webview.loadUrl("http://10.104.24.64/")

二、程序化跳转到其他页面 #

有两种可靠方式实现页面跳转：

1. 直接加载目标URL：如果已知目标页面地址，直接调用loadUrl：

fun navigateToTargetPage(webView: WebView) {
    webView.loadUrl("http://10.104.24.64/your-target-page")
}

2. 模拟页面内元素点击：如果需要触发页面内的导航按钮（比如菜单栏链接），用JS模拟点击：

fun navigateByElementClick(webView: WebView) {
    webView.evaluateJavascript("""
        // 假设目标导航元素的ID是nav-menu-target
        document.getElementById('nav-menu-target').click();
    """.trimIndent(), null)
}

三、解决JS返回null问题（确保页面就绪后执行） #

evaluateJavascript返回null的核心原因是页面DOM未完全加载就执行了JS，可以通过以下方式解决：

1. 绑定onPageFinished回调：如上述代码，在对应页面URL的onPageFinished中执行读取逻辑，确保页面DOM已渲染完成。
2. JS内部增加就绪重试（应对异步加载内容）：如果页面存在AJAX动态渲染的内容，可在JS中延迟重试，直到目标元素加载完成：

fun readHomePageContent(webView: WebView) {
    webView.evaluateJavascript("""
        function getElementName() {
            var element = document.getElementById('ContentPlaceHold');
            if (element) {
                return element.name;
            } else {
                // 延迟100ms重试，最多重试10次
                setTimeout(getElementName, 100);
            }
        }
        getElementName();
    """.trimIndent(), object : ValueCallback<String> {
        override fun onReceiveValue(value: String) {
            // 移除JS返回值的引号，保存到Kotlin变量
            val contentName = value.removeSurrounding("\"")
            // 后续业务逻辑处理
        }
    })
}

四、额外注意事项 #

• 保持登录状态：开启DOM存储和缓存，确保WebView跳转页面时保留登录会话；
• HTTP站点配置：如果目标网站是HTTP协议，需要在AndroidManifest.xml中添加android:usesCleartextTraffic="true"；
• 错误处理：重写WebViewClient.onReceivedError方法，捕获页面加载错误，避免流程中断。

内容的提问来源于stack exchange，提问作者Sara-Omidvar