webview设置paddingbottom无效，通过js给android控件WebView设padding

最新推荐文章于 2021-03-07 09:26:31 发布

你-这个大笨蛋

最新推荐文章于 2021-03-07 09:26:31 发布

阅读量2.7k

点赞数

分类专栏： Android 文章标签： android webview

Android 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种解决Android WebView底部被遮挡的问题的方法。通过加载JavaScript代码为网页添加底部填充，确保底部UI元素可见且可交互。文章还讨论了不同方法的优缺点，并提供了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中有个界面是用来显示一个网页的，很简单，放个WebView就ok了，可是返回按钮放在哪，ui的设计是在底部显示一个半透明的条，左边有一个返回按钮。这个条显示在内容上面。我有一个担心，就是要是最下面的内容需要操作的，虽然看的见，但不能操作。开始很自然就想到设padding，可是android的WebView有个bug，设了没有用。

之后想了很多的办法，通过判断WebView滑动到底了，再自己做动画，可是效果不是太好

if(Utils.dip2px(this,mWvContent.getContentHeight()) - mWvContent.getHeight() - mWvContent.getScaleY()== 0 ){}

这个判断条件有点点问题，有时候，他到底了，可是不等于0，这个可以加点幅度。然后就是一开始我也是在网上找了些判断，他们是直接用的getContentHeight()，实际使用中我发现在这个返回的是dp，我们需要转成px。

我还想着重写WebView，能力不怎么样，只能想到重新测量高度，在OnDraw()方法里画点底部的空白，可是都没有能实现。

达不到效果，于是我不甘心的继续在网上搜了下WebView 设 Padding，发现在个大神的：http://blog.youkuaiyun.com/janronehoo/article/details/45100551

我有想过通过js去改网页，可是我js不怎么得，不会啊！当我看到标题时，高兴的不行，最重要的是，问题解决了。谢谢大神

大神的代码：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        webView.loadUrl("javascript:document.body.style.padding=\"8%\"; void 0");
    }
});

和我想的效果差一点点，我就试着改了改，试过padding-bottom不行，paddingBottom可以，反正不懂，也就没有细究，实现就行，然后就是怎么设固定高度，而不是百分比。

mWvContent.loadUrl("javascript:document.body.style.paddingBottom=\"" + Utils.px2dip(this, mTvBack.getHeight()) + "px\"; void 0");

需要注意的是，执行js需要在page load 结束之后，大神代码中的onPageFinished()方法，有时候一些网页是不会调用的，所以还需要一些其他的，比如onReceivedSslError()方法，这也是在一些大神那看到的，感谢n多大神的分享。

http://www.cnblogs.com/accumulate-gogogo/p/5593563.html