在 Android WebView 中隱藏 web 頁面元素

Question

我有一個 android 應用程序，它通過 webview 顯示頁面。 但是 web 頁面有很多我不想顯示的元素，這就是為什么我將它們隱藏如下：

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

                super.onPageFinished(view, url);
               view.loadUrl ("javascript:(function() { "+"document.getElementsByClassName('td-header-wrap td-header-style-1 ')[0].style.display='none'; "+ "document.getElementsByClassName('td-fix-index ')[1].style.display='none';  "+"document.getElementsById('td_uid_1_5ff8cc46439eb ')[0].style.display='none'; "+"document.getElementsByClassName('td-fix-index ')[0].style.display='none';  "+"document.getElementsByClassName('tdm-mobile-full')[0].style.display='none'; "+"document.getElementsByClassName('td-fix-index ')[0].style.display='none'; "+"} )()");

  }

是否可以使用 javascript function 來僅指示應該顯示的內容而不是指示要隱藏的內容？

我可以隱藏整個正文並只顯示一個 div 元素嗎？ 我試過了，但它不起作用。

   view.loadUrl ("javascript:(function() { "+"document.getElementsByClassName('body')[0].style.display='none'; "+ "document.getElementsByClassName('td-fix-index ')[0].style.display='block';"+"} )()");

Answer 1

嘗試這個。 隱藏body class 然后顯示您想要的 class。

view.loadUrl("javascript:(function(){var p=document.getElementsByClassName('body')[0];p.style.visibility='hidden';p.style.width=0;p.style.height=0;p.style.padding=0;p.style.margin=0;document.getElementsByClassName('td-fix-index')[0].style.visibility='visible';)();");

這是 JavaScript 格式：

(function() {
    var p = document.getElementsByClassName('body')[0]; 
    p.style.visibility='hidden';
    p.style.width=0;
    p.style.height=0;
    p.style.padding=0;
    p.style.margin=0;
    document.getElementsByClassName('td-fix-index')[0].style.visibility='visible';
)();