22

我想知道是否可以在 WebView 中仅显示网站的某些部分。例如，我有一个带有以下 html 的网站：

<html>
 <body>
<div id="1">ID 1</id>
<div id="2">ID 2</id>
<div id="3">ID 3</id>
</body>
</html>

是否可以仅在 WebView 中显示，例如 id="3" 的 div 的内容？我的代码是 WebWiew：

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


    WebView myWebView = (WebView) findViewById(R.id.webView1);
    myWebView.getSettings().setJavaScriptEnabled(true);
    myWebView.getSettings().setBuiltInZoomControls(true);
    myWebView.getSettings().setBuiltInZoomControls(true);
    myWebView.setWebViewClient(WebClient);
    myWebView.loadUrl("https://www.example.com");
4

2 回答 2

11

您可以通过扩展 WebViewClient 并注入一些将呈现您的网页的 javascript 来做到这一点

public class MyWebClient extends WebViewClient {

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);
    return true;
}

@Override
public void onPageFinished(WebView view, String url) {
    view.loadUrl("javascript:your javascript");
}
}
.........
final MyWebClient myWebViewClient = new MyWebClient();
mWebView.setWebViewClient(myWebViewClient);

对于隐藏元素使用view.loadUrl("javascript:document.getElementById(id).style.display = 'none';)

更多信息在 Android Webview 中，我可以修改网页的 DOM 吗？

于 2013-01-20T13:09:16.763 回答
3

这里要了解的最基本的事情是我们在 web html 文件中引用的元素是class还是id。如果它是一个id则getElementById可以完美运行。如果它是一个类，那么getElementsByClassName是必需的。

以下是我正在使用的示例。

myWebView.loadUrl
      ("javascript:(function() { " +
           "document.getElementsByClassName('header_wrapper')[0].style.display='none'; " +
           "document.getElementsByClassName('footer-contact')[0].style.display='none'; "+
           "document.getElementsByClassName('navbar-header')[0].style.display='none'; "+
           "document.getElementsByClassName('footer-social')[0].style.display='none'; "+
           "document.getElementById('footer_bottom').style.display='none'; "+
           "document.getElementById('footer_content').style.display='none'; "+
           "document.getElementById('core_mobile_menu').style.display='none'; "+
           "document.getElementById('catapult-cookie-bar').style.display='none'; "+
       "}
      )()");
于 2016-12-21T08:30:57.377 回答