Android webview隐藏顶部标题栏和顶部空白margin

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kururunga/article/details/85710458

h5的顶部是这样的
在这里插入图片描述
当我用webview加载的时候需要将更多这一片区域隐藏,同事更多下面这一块距离顶部的margin也要隐藏(因为我将顶部隐藏掉后出现了大块空白),已知h5页面的代码是这样:(谷歌浏览器按F12)
在这里插入图片描述
我们需要做的就是隐藏着两个部分:
在webclient进行处理:

       @Override
        public void onPageFinished(com.tencent.smtt.sdk.WebView webView, String s) {
           // super.onPageFinished(webView, s);
            if (mUrl.equals("http://gdjtapi.televehicle.com/gd_traffic/chunyun/page/heatmap/morestation.html")){
                String js = "javascript:(function() {" +
                        "document.getElementsByClassName(\"header\")[0].style.display=\'none\';"+ "" +
                        "document.getElementById(\"cntHtml\").style.marginTop=\'0\';"+ "" +
                        "})()";
                webView.loadUrl(js);
            }
            }

一个是通过classname取第一个元素的visible为不可见,另一个是id来进行设置margin为0,有个瑕疵就是需要界面加载完才能处理

猜你喜欢

转载自blog.csdn.net/kururunga/article/details/85710458