Android WebView在底部添加奇怪的空白答案

【问题标题】：Android WebView adding strange empty space at the bottomAndroid WebView在底部添加奇怪的空白
【发布时间】：2015-09-30 20:44:10
【问题描述】：

我正在尝试使用 JavaScript 为已加载的 WebView 添加更多空白空间。

我使用 loadDataWithBaseUrl() 从 String 资源加载数据。然后，在测量了一些内容之后，我需要使WebView 更大，比如 100 像素。所以我使用loadDataWithBaseUrl()调用javascript函数：

mWebView.loadUrl("javascript:addHeight()");

Javascript函数在原始HTML中定义：

function addHeight() { " +
    var elemDiv = document.createElement('div');
    elemDiv.style.cssText = 'height:100px;'; 
    document.body.appendChild(elemDiv); 
}

之后，WebView 会调整自身大小以适应新内容。但是，结果高度不是 originalSize + 100px，而是更大。我不知道问题出在哪里。我无法确定目标大小，因为它取决于附加的div 的大小，并且总是不同。

有人试过吗？你熟悉这种行为吗？

【问题讨论】：

How to Shrink WebView size dynamically according to its content?的可能重复
“结果高度”是指 WebView 视图元素的高度（在 Android 端）还是页面尺寸，如 JavaScript 代码中的 window.innerHeight 或 window.outerHeight 报告的那样？
这不是一个明确的问题，请出示您的 javascript addHeight() 代码。

标签： javascript android webview

【解决方案1】：

我found the next solution。那里使用了 JS 回调。我希望这可以帮助你。这种大小的变化应该比动态的效果更好。

    private void setupWebView() {
    webView.getSettings().setJavaScriptEnabled(true);
    webView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url) {
            webView.loadUrl("javascript:MyApp.resize(document.body.getBoundingClientRect().height)");
            super.onPageFinished(view, url);
        }
    });
    webView.addJavascriptInterface(this, "MyApp");
}
@JavascriptInterface
public void resize(final float height) {
    MyActivity.this.runOnUiThread(new Runnable() {
        @Override
        public void run() {
            webView.setLayoutParams(new LinearLayout.LayoutParams(getResources().getDisplayMetrics().widthPixels, (int) (height * getResources().getDisplayMetrics().density)));
        }
    });
}

参见第 4 段 of this list。祝你好运！

【讨论】：

使用 Android 5.1.1，似乎什么都没有发生 - 设置 LayoutParams 根本不会改变 WebView。