在 Android WebView 中隐藏网页元素

Question

我有一个通过 webview 显示页面的 android 应用程序。但是网页有很多我不想显示的元素，这就是为什么我将它们隐藏如下：

  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 函数仅指示应显示的内容和而不是指示要隐藏的内容？

我可以隐藏整个主体，只显示一个 div 元素吗？我试过了，但它不起作用。

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

Answer 1

试试这个。隐藏body 类，然后显示您想要的类。

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';
)();