Android Studio：尝试在 webview 中删除 HTML 元素：空白页答案

【问题标题】：Android Studio: Trying to remove HTML element in webview: blank pageAndroid Studio：尝试在 webview 中删除 HTML 元素：空白页
【发布时间】：2015-11-06 02:08:20
【问题描述】：

我正在尝试删除 webview 中的 HTML 元素。这是我的代码。一切编译正常。

我查看了其他问题，但没有一个答案对我有用。

// load web url
final WebView webView = (WebView) mRootView.findViewById(R.id.fragment_main_webview);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        webView.loadUrl("javascript:(function() { " + "document.getElementsByTagName('publicTabs')[0].style.display=\"none\"; " + "})()");
    }
});
webView.loadUrl(mUrl);

当我在手机上打开应用程序时，没有加载任何网页。只是空白。如果我删除：

webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        webView.loadUrl("javascript:(function() { " + "document.getElementsByTagName('publicTabs')[0].style.display=\"none\"; " + "})()");
    }
});

网页加载。

另外，谁能告诉我如何同时删除多个 HTML 元素？

任何帮助将不胜感激。

【问题讨论】：

Android webview 教程：link
这仅适用于本地 html 网页。我想要做的是在向用户显示之前从实时网站中删除 HTML 元素。

标签： javascript android html android-studio webview

【解决方案1】：

答案如下：还要检查该元素是网站中的类还是 Id。就像我的代码中的下面那样。

String url = "https://www.example.com";


        final WebView webView = (WebView) findViewById(R.id.fragment_main_webview);


        webView.getSettings().setJavaScriptEnabled(true);

        webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
        webView.getSettings().setSavePassword(true);
        webView.getSettings().setSupportZoom(true);
        webView.getSettings().setSaveFormData(true);
        webView.getSettings().setSupportZoom(false);
        webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
        webView.getSettings().setDomStorageEnabled(true);
        webView.getSettings().setSupportMultipleWindows(false);
        webView.getSettings().setLightTouchEnabled(true);
        webView.getSettings().setBuiltInZoomControls(true);
        webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
        webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageFinished(WebView view, String url) {
                webView.loadUrl("javascript:(function() { " +
                        "document.getElementsByClassName('header home_header')[0].style.display='none'; " +
                        "document.getElementsByClassName('glyphicon glyphicon-menu-hamburger')[0].style.display='none'; " +
                        "document.getElementsByClassName('searchBottomLinks_index searchBottomLinks_internal')[0].style.display='none'; " +
                        "document.getElementsByClassName('list-unstyled list-inline')[0].style.display='none'; " +
                        "document.getElementsByClassName('row')[0].style.display='none'; "+
                        "document.getElementsByClassName('header home_header')[0].style.display='none'; " +
                        "document.getElementsById('header-inner')[0].style.display='none'; " +
                        "document.getElementsById('fixed-header')[0].style.display='none'; " +
                        "document.getElementsByClassName('collapse navbar-collapse')[0].style.display='none'; " +
                        "document.getElementsByClassName('navbar navbar-inverse sidebars')[0].style.display='none'; " +
                        "document.getElementsByClassName('footer')[0].style.display='none'; " +
                        "document.getElementsByClassName('footer2')[0].style.display='none'; " +
                        "document.getElementsByClassName('container')[0].style.display='none'; " +
                        "document.getElementsByClassName('acad-slider')[0].style.display='none'; " +



                        "})()");
            }
        });
        webView.loadUrl("https://www.example.com");

    }
}

【讨论】：

【解决方案2】：

我遇到了同样的问题，并通过在 javascript 行之前添加“var x=”来修复它：

webView.loadUrl("javascript:var x = document.getElementsByClassName('header')[0].style.display='none';");

【讨论】：