Android-JS in WebView.loadUrl()

Ich soll zum laden einer Webseite im WebView, sondern entfernen Sie Teile der Webseite. So erstellte ich eine benutzerdefinierte WebViewClient. Und, in onPageFinished(), habe ich einige javascript entfernen Sie einige Elemente. Dann machte ich mich auf die WebView sichtbar.

Allerdings, wenn ich es ausführen, legt die Ansicht sichtbar, und dann sehe ich die Elemente, die entfernt wird. Es ist, als ob das JS im hintergrund ausgeführt wird, sehr langsam. Es erstellt eine schlechte Erfahrung anzeigen, da es blinkt die ganze Seite und dann die gewünschte partielle Seite.

Hier ist mein 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);
}

Irgendwelche Ideen auf, wie man dieses Problem beheben?

InformationsquelleAutor Eric Cochran | 2013-10-12
  1. 15

    In 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);");

    In Der MainActivity.onCreate():

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

    In Der 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);               
           }
       });
    }
}

    So, es war eine Kombination der Herstellung einer JavascriptInterface und dass eine JS-Funktion zu warten für die JS-Aufrufe zu beenden, bevor Sie die Schnittstelle (mit die Sichtbarkeit-Einstellungen).

    • Danke ... Nur das hinzufügen TRY CATCH hat den trick ...
    InformationsquelleAutor Eric Cochran
  2. 0

    Könnten Sie versuchen, um die Geschwindigkeit Ihres WebView mit:

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

    Sowieso, Sie sollte nicht sein dass Ihr WebView sofort sichtbar. Warum nicht Sie erstellen eine Schnittstelle (siehe http://developer.android.com/guide/webapps/webview.html, Bindung der JavaScript-code für Android) und stellen Sie einen Anruf von Ihrem javascript:

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

    nachdem die Animationen beendet haben?

    • Ich habe gerade versucht, die Schnittstelle, aber es wird weiterhin sichtbar, bevor der JS beendet hat. Ich folgte: stackoverflow.com/questions/16342100/...
    • Ich bin kein js-Experte selbst, aber versuche es mal mit einem setTimeout(yourAndroidCallbackFunction, 5000) nach dem Wechsel der Stile, um zu sehen, ob das ist das problem.
    • Habe es jetzt funktioniert; vielen Dank für die Hilfe!
    InformationsquelleAutor elmango
Schreibe einen Kommentar