Android：onPageFinished中获取WebView高度无效的问题排查与解决

问题背景 #

需求为获取WebView的实际高度，当前布局及业务代码如下：

布局代码 #

<ScrollView
    android:id="@+id/scrText"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:requiresFadingEdge="vertical"
    android:fadingEdgeLength="40dp"
    android:fadingEdge="vertical"
    android:layout_marginBottom="3dp" >

        <WebView
            android:id="@+id/wvwText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

</ScrollView>

业务代码 #

wvwText.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

String unencodedTextHtml = "<html><body>"+some_html+"</body></html>";
String encodedTextHtml = Base64.encodeToString(unencodedTextHtml.getBytes(), Base64.NO_PADDING);
wvwText.loadData(encodedTextHtml, "text/html", "base64");
wvwText.setOnTouchListener((v, motionEvent) -> extendText(textContainer, questionContainer, optionsContainer));

wvwText.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);

        LinearLayout lin = (LinearLayout) view.getParent();
        int y = lin.getHeight();
        Log.d("myapp", "height: "+y);
    }
});

可能的原因 #

• 错误获取父容器高度：代码中强制将WebView的父容器转换为LinearLayout，但实际WebView直接嵌套在ScrollView中，类型转换错误；且即便转换成功，获取的也是父容器高度，而非WebView自身或内容的实际高度。
• 页面加载完成后布局测量未结束：onPageFinished仅标志网页内容加载完毕，WebView的布局测量流程可能还没完成，此时直接取高度大概率得到初始值或0。
• ScrollView嵌套导致高度计算异常：WebView的wrap_content属性在ScrollView中无法正确计算内容高度，因为ScrollView允许子View滚动，WebView的高度会被ScrollView的高度限制，无法完整反映内容实际高度。

解决办法 #

方法1：使用WebView自带方法获取内容高度 #

WebView提供getContentHeight()方法，可直接获取网页内容的实际高度（单位为像素），配合post()延迟执行确保布局测量完成：

wvwText.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 延迟执行，等待布局测量完成
        view.post(() -> {
            int contentHeightPx = view.getContentHeight();
            // 如需转换为dp，根据屏幕密度计算
            float density = getResources().getDisplayMetrics().density;
            int contentHeightDp = (int) (contentHeightPx / density);
            Log.d("myapp", "WebView内容高度(px): " + contentHeightPx);
            Log.d("myapp", "WebView内容高度(dp): " + contentHeightDp);
        });
    }
});

方法2：监听WebView布局完成事件 #

通过ViewTreeObserver监听WebView的全局布局事件，确保在布局测量完成后获取高度：

wvwText.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        // 移除监听，避免重复回调
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            wvwText.getViewTreeObserver().removeOnGlobalLayoutListener(this);
        } else {
            wvwText.getViewTreeObserver().removeGlobalOnLayoutListener(this);
        }
        int webViewHeight = wvwText.getHeight();
        int contentHeight = wvwText.getContentHeight();
        Log.d("myapp", "WebView自身高度: " + webViewHeight);
        Log.d("myapp", "WebView内容高度: " + contentHeight);
    }
});

方法3：优化布局结构（推荐） #

若无需WebView与外部ScrollView同时滚动，建议移除外层ScrollView——WebView本身自带滚动功能，嵌套ScrollView会导致布局计算混乱，也会影响高度获取。修改后的布局如下：

<WebView
    android:id="@+id/wvwText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:requiresFadingEdge="vertical"
    android:fadingEdgeLength="40dp"
    android:fadingEdge="vertical"
    android:layout_marginBottom="3dp" />

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