WebView.loadUrl（）中的Android JS

Question

我想在WebView中加載網頁但刪除部分網頁。 所以，我創建了一個自定義WebViewClient。 並且，在onPageFinished（）中，我做了一些javascript來刪除一些元素。 然后，我使WebView可見。

但是，當我運行它時，它將視圖設置為可見，然后我看到要刪除的元素。 就好像JS在后台運行非常慢。 它會創建一個糟糕的觀看體驗，因為它會閃爍整個頁面，然后閃爍所需的部分頁面。

這是我的onPageFinished（）

@Override
public void onPageFinished(WebView view, String url) {

    view.loadUrl("javascript:"
            + "document.getElementsByClassName('header')[0].style.display='none';"
            + "document.getElementById('section_0').style.display='none';"
            + "document.getElementById('page-actions').style.display='none';"
            + "document.getElementsByClassName('languageSelector')[0].style.display='none';"
            + "document.getElementById('mw-mf-last-modified').style.display='none';"
            + "document.getElementById('footer').style.display='none';");

    loadingView.setVisibility(View.INVISIBLE);
    view.setVisibility(View.VISIBLE);
}

有想法該怎么解決這個嗎？

Answer 1

在onPageFinished（）中：

view.loadUrl("javascript:"
            + "var FunctionOne = function () {"
            + "  var r = $.Deferred();"
            + "  try{document.getElementsByClassName('header')[0].style.display='none';}catch(e){}"
            + "  try{document.getElementById('section_0').style.display='none';}catch(e){}"
            + "  try{document.getElementById('page-actions').style.display='none';}catch(e){}"
            + "  try{document.getElementsByClassName('languageSelector')[0].style.display='none';}catch(e){}"
            + "  try{document.getElementById('mw-mf-last-modified').style.display='none';}catch(e){}"
            + "  try{document.getElementById('footer').style.display='none';}catch(e){}"
            + "  setTimeout(function () {"
            + "    r.resolve();"
            + "  }, 2500);"
            + "  return r;"
            + "};"
            + "var FunctionTwo = function () {"
            + "  window.CallToAnAndroidFunction.setVisible();"
            + "};"
            + "FunctionOne().done(FunctionTwo);");

在MainActivity.onCreate（）中：

this.webView.addJavascriptInterface(new JsObject(webView, loadingView), "CallToAnAndroidFunction");

在MainActivity（）中：

public class JsObject {
    private View loadingView;
    private View view;
    JsObject(View view, View loadingView){this.view = view;this.loadingView = loadingView;}
    @JavascriptInterface
    public void setVisible(){
        runOnUiThread(new Runnable() {

           @Override
           public void run() {
               view.setVisibility(View.VISIBLE);  
                loadingView.setVisibility(View.INVISIBLE);               
           }
       });
    }
}

因此，它是一個組合JavascriptInterface和制作一個JS函數來等待JS調用完成之后調用接口（具有可見性設置）。

Answer 2

您可以嘗試使用以下方法加速WebView：

webview.getSettings().setRenderPriority(RenderPriority.HIGH);
webview.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

無論如何，您不應該立即看到WebView。 為什么不創建一個界面（請參閱http://developer.android.com/guide/webapps/webview.html ，將JavaScript代碼綁定到Android）並通過javascript撥打電話：

public void myCallback(){ view.SetVisibilitu(View.VISIBLE) };

動畫結束后？