1. 程式人生 > >Android webview隱藏頂部標題欄和頂部空白margin

Android webview隱藏頂部標題欄和頂部空白margin

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,有個瑕疵就是需要介面載入完才能處理