javascript - 删除 Android 应用程序 WebView 中的导航栏

Question

我将 webView 用于我的 Android 应用程序的一部分。但在页面的 HTML 代码中，我想从网站中删除导航栏。我已经尝试过，但这不起作用:

示例:在 google.com 网站中，我想删除 WebView 中的“随机搜索”按钮。

 WebViewClient WebClient = new WebViewClient(){
                        public boolean shouldOverrideUrlLoading(WebView view, String url){
                            view.loadUrl(url);
                            return true;
                        }
                    };


                    WebView myWebView = (WebView) findViewById(R.id.webview52);
                    myWebView.getSettings().setJavaScriptEnabled(true);
                    myWebView.getSettings().setBuiltInZoomControls(false);
                    myWebView.setWebViewClient(WebClient);
                    myWebView.loadUrl("https://mywebsite.com/xxx");
                    myWebView.loadUrl
                            ("javascript:(function() { " +
                                    "document.getElementsByClassName('navbar navbar-inverse navbar-fixed-top')[0].style.display='none'; " +
                                    "document.getElementById('navbar navbar-inverse navbar-fixed-top').style.display='none';");

我想从网页中删除的 HTML 代码:

<nav class="navbar navbar-inverse navbar-fixed-top">
    (...)
</nav>

Answer 1

您应该从 javascript 函数中删除 (function() { ，并且 getElementById 是不必要的:

myWebView.loadUrl("javascript:document.getElementsByClassName('navbar navbar-inverse navbar-fixed-top')[0].style.display='none'");

考虑使用evaluateJavascript而不是 loadUrl("javascript:... (API 19+)