web-dev-qa-db-ja.com

Android WebView.loadUrl（）のJS

WebViewにWebページをロードしたいのですが、Webページの一部を削除します。そこで、カスタム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);
}

これを修正する方法についてのアイデアはありますか？

javascriptandroidandroid-webviewwebviewclient
7
Eric Cochran

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呼び出しが終了するのを待ってから、インターフェースを呼び出すことを組み合わせたものでした（可視性設定を使用）。

16
Eric Cochran

次の方法で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) };

アニメーションが終わった後？

0
elmango