Is there a way to determine when WebView has loaded the HTML? (so when the DOM is ready)

Question

I'd like the inject javascript into the WebView as soon as the HTML is loaded and the DOM is ready, so not waiting for the all assets.

I know about onPageFinished, but it is called when everything is loaded. I'd like a callback sooner when the DOM is ready.

score 1 · Answer 1 · answered Aug 20 '20 at 20:20

Solved it by injecting a javascript event listener in onPageStarted:

web.setWebViewClient( new WebViewClient() {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                view.loadUrl("javascript:document.addEventListener('DOMContentLoaded', (event) => { <your stuff> })");

            }

        });

Tal Mantelmakher · Answer 2 · 2020-08-20T21:51:15.147

0

You can set a JS lisntener interface on the WebView, and call it in onload in your HTML

Here's an example

EDIT

Since you mentioned you cannot modify the HTML, try this:

webView.setWebChromeClient(new MyWebChromeClient(context));

private final class MyWebChromeClient extends WebChromeClient{
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        if (newProgress == 100){
           // loading done
        }
        super.onProgressChanged(view, newProgress);
    }
}

edited Aug 20 '20 at 21:51

answered Aug 20 '20 at 05:45

Tal Mantelmakher

994
1
7
23

Wanted to try it, but now I see you mean modifying the HTML. I can't, it's an external page I don't control, so I can't add anything to html. – Tom Aug 20 '20 at 19:53
updated my answer, let me know if it solves your issue – Tal Mantelmakher Aug 20 '20 at 21:51

Is there a way to determine when WebView has loaded the HTML? (so when the DOM is ready)

2 Answers2