如何從android上的WebView中刪除<header>？

Question

我triyng在webView上顯示twitter站點。 我該如何刪除/解僱/隱藏標題（「打開的應用程序」消息）？

<header class="CoreLayout-header" role="banner"><div class=" AppHeader"><div class="OpenInAppBar u-cf" jsnamespace="OpenInAppBar"><div class="u-containerWithGutter"><a href="twitter://user?screen_name=nba" jsaction="click:openApp" class="OpenInAppBar-link u-textSmall u-inlineBlock">Open application</a><button class="OpenInAppBar-dismiss u-floatRight" aria-label="התעלם" jsaction="click:snooze" type="button"><span class="OpenInAppBar-dismissIcon u-alignMiddle Icon Icon--close" role="presentation"><img src="data:image/gif;base64,R0lGODlhFwAkAIAAAP///////yH5BAEKAAEALAAAAAAXACQAAAIbjI+py+0Po5y02ouz3rz7D4biSJbmiabqyjIFADs="><svg viewBox="0 0 46 72"><use fill="currentcolor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/rw/svg/c25636093d431d0e28be32cd59239cf6/icon#icon-close"></use></svg></span></button></div></div><div class=" AppBar u-cf" data-scribe-component="top_bar" jsnamespace="AppBar"><div class="u-containerWithGutter"><h1 class="u-floatLeft"><a class="AppBar-item" aria-label="Twitter" href="/" jsaction="homeNav"><span class="AppBar-icon Icon Icon--twitter" role="presentation"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><svg viewBox="0 0 72 72"><use fill="currentcolor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/rw/svg/c25636093d431d0e28be32cd59239cf6/icon#icon-twitter"></use></svg></span></a></h1><div class="u-floatRight"><a class="AppBar-search AppBar-item" aria-label="חיפוש בטוויטר" href="/search" role="search" jsaction="search"><span class="AppBar-icon Icon Icon--search" role="presentation"><img src="data:image/gif;base64,R0lGODlhBwAJAIAAAP///////yH5BAEKAAEALAAAAAAHAAkAAAIHjI+py+1cAAA7"><svg viewBox="0 0 56 72"><use fill="currentcolor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/rw/svg/c25636093d431d0e28be32cd59239cf6/icon#icon-search"></use></svg></span></a></div></div></div><div class=" SignUpBar"><div class="u-containerWithGutter"><div class="SignUpBar-content u-md-size3of4"><div class="Grid Grid--withGutter"><div class="Grid-cell u-size1of2"><a class="SignUpBar-button u-sizeFull Button Button--textBlue " href="/signup"><span class="Button-content">sign</span></a></div><div class="Grid-cell u-size1of2"><a class="SignUpBar-button u-sizeFull Button Button--default " href="/session/new"><span class="Button-content">Enter</span></a></div></div></div></div></div></div><div class="AppHeader-tracking"><img src="https://cert.twitter.com/robots.txt"><img src="https://twitter.com/robots.txt"></div></header> 

我正在使用jsuop庫，但沒有線索如何刪除標題。

Answer 1

您可以嘗試在WebView的onPageFinished事件中注入一些javascript代碼，該事件將刪除標題。事情是這樣的：

//JavaScript must be enabled if you want it to work 
webview.getSettings().setJavaScriptEnabled(true); 

//set the WebViewClient before calling loadUrl 
webview.setWebViewClient(new WebViewClient() { 
    @Override 
    public void onPageFinished(WebView view, String url) 
    { 
    webview.loadUrl("javascript:(function() { " + 
      "var head = document.getElementsByTagName('header')[0];" 
      + "head.parentNode.removeChild(head);" + 
      "})()"); 
     } 
    }); 

（代碼未測試）

Answer 2

只需將style="display:none"添加到任何你想隱藏的東西。

<header class="CoreLayout-header" role="banner"> 
 
    <div class=" AppHeader"> 
 
    <div class="OpenInAppBar u-cf" jsnamespace="OpenInAppBar"> 
 
     <div class="u-containerWithGutter"> 
 
     <a style="display:none" href="twitter://user?screen_name=nba" jsaction="click:openApp" class="OpenInAppBar-link u-textSmall u-inlineBlock">Open application</a> 
 
     <button class="OpenInAppBar-dismiss u-floatRight" aria-label="התעלם" jsaction="click:snooze" type="button"><span class="OpenInAppBar-dismissIcon u-alignMiddle Icon Icon--close" role="presentation"><img src="data:image/gif;base64,R0lGODlhFwAkAIAAAP///////yH5BAEKAAEALAAAAAAXACQAAAIbjI+py+0Po5y02ouz3rz7D4biSJbmiabqyjIFADs="><svg viewBox="0 0 46 72"><use fill="currentcolor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/rw/svg/c25636093d431d0e28be32cd59239cf6/icon#icon-close"></use></svg></span> 
 
     </button> 
 
     </div> 
 
    </div> 
 
    <div class=" AppBar u-cf" data-scribe-component="top_bar" jsnamespace="AppBar"> 
 
     <div class="u-containerWithGutter"> 
 
     <h1 class="u-floatLeft"><a class="AppBar-item" aria-label="Twitter" href="/" jsaction="homeNav"><span class="AppBar-icon Icon Icon--twitter" role="presentation"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="><svg viewBox="0 0 72 72"><use fill="currentcolor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/rw/svg/c25636093d431d0e28be32cd59239cf6/icon#icon-twitter"></use></svg></span></a></h1> 
 
     <div class="u-floatRight"> 
 
      <a class="AppBar-search AppBar-item" aria-label="חיפוש בטוויטר" href="/search" role="search" jsaction="search"><span class="AppBar-icon Icon Icon--search" role="presentation"><img src="data:image/gif;base64,R0lGODlhBwAJAIAAAP///////yH5BAEKAAEALAAAAAAHAAkAAAIHjI+py+1cAAA7"><svg viewBox="0 0 56 72"><use fill="currentcolor" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/i/rw/svg/c25636093d431d0e28be32cd59239cf6/icon#icon-search"></use></svg></span></a> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    <div class=" SignUpBar"> 
 
     <div class="u-containerWithGutter"> 
 
     <div class="SignUpBar-content u-md-size3of4"> 
 
      <div class="Grid Grid--withGutter"> 
 
      <div class="Grid-cell u-size1of2"> 
 
       <a class="SignUpBar-button u-sizeFull Button Button--textBlue " href="/signup"><span class="Button-content">sign</span></a> 
 
      </div> 
 
      <div class="Grid-cell u-size1of2"> 
 
       <a class="SignUpBar-button u-sizeFull Button Button--default " href="/session/new"><span class="Button-content">Enter</span></a> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="AppHeader-tracking"> 
 
    <img src="https://cert.twitter.com/robots.txt"> 
 
    <img src="https://twitter.com/robots.txt"> 
 
    </div> 
 
</header>

，或者可選地，從完全源移除。