Android WebView滚动至底部无法加载新内容问题排查

1. 移除NestedScrollView，恢复WebView原生滚动 #

你的布局里把WebView嵌套在NestedScrollView中，会直接拦截WebView自身的滚动事件，导致网站用来触发分页的JS滚动监听逻辑无法检测到滚动到底部的动作。同时WebView高度设为wrap_content，也会让它无法正确计算自身内容高度，进一步影响滚动判断。

修改后的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.swiperefreshlayout.widget.SwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/web_view_refresh"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.facebook.shimmer.ShimmerFrameLayout
            android:id="@+id/web_view_loading"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:visibility="gone">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <!-- 你的其他加载组件 -->

            </LinearLayout>
        </com.facebook.shimmer.ShimmerFrameLayout>

        <WebView
            android:id="@+id/web_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </FrameLayout>
</androidx.swiperefreshlayout.widget.SwipeRefreshLayout>

将WebView高度设为match_parent，让它占满容器，确保自身滚动事件能正常传递给页面的JS监听。

2. 补充WebView必要配置，适配页面逻辑 #

原有的WebView设置缺少部分关键配置，添加后能让页面的JS滚动监听正常工作：

binding?.webView?.apply {
    settings.apply {
        javaScriptEnabled = true
        domStorageEnabled = true
        javaScriptCanOpenWindowsAutomatically = true
        setSupportMultipleWindows(false)
        // 让页面适配WebView宽度，避免内容裁剪
        loadWithOverviewMode = true
        useWideViewPort = true
        // 启用缩放（如果页面需要）
        setSupportZoom(true)
        // 允许混合内容加载（如果网站包含http资源）
        mixedContentMode = android.webkit.WebSettings.MIXED_CONTENT_ALWAYS_ALLOW
        // 设置UA为手机浏览器，让网站触发移动端分页逻辑
        userAgentString = "Mozilla/5.0 (Linux; Android 13; SM-G998B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36"
    }

    // 可选：手动监听WebView滚动，触发网站的分页加载JS方法
    setOnScrollChangeListener { _, _, scrollY, _, _ ->
        val contentHeight = contentHeight * scale
        val bottomThreshold = scrollY + height
        // 当滚动到距离底部100px时，调用网站的加载下一页方法
        if (bottomThreshold >= contentHeight - 100) {
            // 替换成网站实际的加载下一页JS函数，比如网站可能用loadMore()
            evaluateJavascript("window.loadMore()", null)
        }
    }
}

3. 排查JS错误，确认页面逻辑正常 #

添加WebChromeClient输出JS日志，检查是否有JS报错导致分页逻辑失败：

binding?.webView?.webChromeClient = object : WebChromeClient() {
    override fun onConsoleMessage(consoleMessage: ConsoleMessage?): Boolean {
        consoleMessage?.let {
            Log.d("WebViewJS", "${it.message()} | 行号: ${it.lineNumber()} | 来源: ${it.sourceId()}")
        }
        return super.onConsoleMessage(consoleMessage)
    }
}

查看Logcat中的WebViewJS日志，若存在JS错误（比如找不到元素、方法未定义），需要针对性修复（或联系网站开发者）。

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