如何仅在完成 ​​javascript 代码后显示 WebView？

Question

我正在尝试使用 javascript 强制 WebView '跳过'图像。 （就像这里： https : //stackoverflow.com/a/31848599/13174607 ）。

问题是图像只有在 WebView 加载完成后才会消失。 我只想在 javascript 完成后显示 WebView。

这是我的代码：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(webView, url);
        webView.loadUrl("javascript:(function(){ var imgs=document.getElementsByTagName('img');" + "for(i=0;i<imgs.length;i++) { imgs[i].style.display='none'; } })()");
    }
});
}

我尝试使用setVisibility()方法，如下所示：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageStarted(WebView view, String url, Bitmap favicon) {
        webView.setVisibility(View.INVISIBLE);
    }
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(webView, url);
        webView.loadUrl("javascript:(function(){ var imgs=document.getElementsByTagName('img');" + "for(i=0;i<imgs.length;i++) { imgs[i].style.display='none'; }  })()");
        webView.setVisibility(View.VISIBLE);

    }
});
}

但它没有帮助。 谢谢！

• 编辑：

通过使用建议的解决方案和@mustansir 评论，我在“onPageFinished”上写了这段代码：

    webView.loadUrl("javascript:" + "function taskOne() {" +
        "var imgFlag = 0;" + //will sign when the for loop ended
        "var imgs = document.getElementsByTagName('img');" +
        "if (imgs==0){imgFlag=1;} " +
        "for (i = 0; i < imgs.length; i++) {" +
        "imgs[i].style.display = 'none';" +
        "if (i==imgs.length-1)" +
        "{" +
        "imgFlag=1;" +
        "}"+
        "}}" +
        "taskOne();" +
        "function taskTwo () {" +
        "if(imgFlag==1){" +
        "window.visibility.changeVisibility(); }" +
        "else {" +
        "setTimeout(taskTwo(),100);}}" +
        "taskTwo();");
      

但 webview 不可见。 知道为什么吗？

Answer 1

您可以尝试注入 JavaScript 接口并在到达循环中的最后一个图像时调用该接口方法以更改WebView可见性。

像这样的东西：

webview.addJavascriptInterface(this, "visibility");

并从您的 JavaScript 调用此接口，如下所示：

var imgs = document.getElementsByTagName('img');
for (i = 0; i < imgs.length; i++) {
    imgs[i].style.display = 'none';
    if (i == imgs.length-1) {
        visibility.changeVisibility();
    }
}

现在在您添加javascriptInterface活动中使用@JavascriptInterface注释定义changeVisibility() ，如下所示：

@JavascriptInterface
 public void changeVisibility() {
       runOnUiThread(() -> webview.setVisibility(View.VISIBLE));
    }