国产设备中WebView忽略强制设置的视图尺寸问题求助

针对你遇到的小米MiA1（Android 9）、联想P1a42（Android 6.0.1）这类老设备上WebView布局不更新的问题，我结合过往踩坑经验给你几个针对性的解决方案，这些方法都是针对老WebView内核的兼容性bug设计的：

1. 调整布局更新的时机与方式，打破WebView高度缓存 #

老设备的WebView可能会缓存之前的高度计算结果，直接修改LayoutParams可能无法触发重绘。你可以尝试先将高度重置为0，再延迟设置目标高度，同时强制父容器也触发布局：

@JavascriptInterface
fun resize(newContentHeight: Float) {
    runOnMain {
        val calculatedHeight = (newContentHeight * resources.displayMetrics.density).toInt()
        if (calculatedHeight != lastCalculatedHeight) {
            lastCalculatedHeight = calculatedHeight
            // 先重置高度为0，打破缓存
            updateLayoutParams { height = 0 }
            // 延迟到主线程消息队列末尾执行，确保之前的布局操作完成
            post {
                updateLayoutParams { height = calculatedHeight }
                // 强制WebView和父容器请求布局
                requestLayout()
                invalidate()
                parent?.requestLayout()
            }
        }
    }
}

2. 关闭硬件加速，避免渲染冲突 #

老设备的硬件加速实现往往存在bug，可能导致WebView布局更新不生效。你可以尝试将WebView的渲染模式改为软件渲染：

// 替换原来的硬件加速设置
setLayerType(View.LAYER_TYPE_SOFTWARE, null)

如果全局关闭硬件加速不影响其他功能，也可以在对应Activity的Manifest中添加：

<activity android:name=".YourWebViewActivity" android:hardwareAccelerated="false" />

3. 使用更健壮的JS高度获取逻辑 #

不同WebView内核对document.body.scrollHeight的计算可能存在差异，你可以改用多维度取最大值的方式获取页面真实高度：

override fun onPageFinished(view: WebView?, url: String?) {
    super.onPageFinished(view, url)
    Timber.d("onPageFinished: $url")
    // 替换原来的JS调用，取多个高度值的最大值
    loadUrl("""javascript:
        var actualHeight = Math.max(
            document.body.scrollHeight,
            document.documentElement.scrollHeight,
            document.body.offsetHeight,
            document.documentElement.offsetHeight,
            document.body.clientHeight,
            document.documentElement.clientHeight
        );
        MathView.resize(actualHeight);
    """)
}

4. 手动触发WebView的测量与布局流程 #

如果系统的布局调度没有生效，你可以直接手动调用measure和layout方法强制WebView更新尺寸：

@JavascriptInterface
fun resize(newContentHeight: Float) {
    runOnMain {
        val calculatedHeight = (newContentHeight * resources.displayMetrics.density).toInt()
        if (calculatedHeight != lastCalculatedHeight) {
            lastCalculatedHeight = calculatedHeight
            post {
                // 手动构建测量规格
                val widthSpec = MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY)
                val heightSpec = MeasureSpec.makeMeasureSpec(calculatedHeight, MeasureSpec.EXACTLY)
                // 强制测量和布局
                measure(widthSpec, heightSpec)
                layout(left, top, left + measuredWidth, top + measuredHeight)
            }
        }
    }
}

5. 延迟执行JS高度获取 #

部分老设备在onPageFinished回调触发时，页面内容可能还未完全渲染完成，导致获取的scrollHeight不准确。你可以尝试延迟100-200ms再执行JS：

override fun onPageFinished(view: WebView?, url: String?) {
    super.onPageFinished(view, url)
    Timber.d("onPageFinished: $url")
    postDelayed({
        loadUrl("javascript:MathView.resize(document.body.scrollHeight)")
    }, 150) // 延迟150ms确保内容渲染完成
}

建议你先尝试组合方案：先更换JS高度获取逻辑，再调整布局更新的时机，如果还是不行就关闭硬件加速。这些方法在我处理老设备WebView兼容性问题时都有过不错的效果。

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