How to detect when Android WebView has loaded page?

Question

I have an app that displays a splash page and removed that splash page when a URL is loaded in WebView. The following is the relevant code we are using to remove the splash page:

browser.setWebViewClient(new BrowserClient() {
 @Override
 public void onPageFinished(WebView view, String url) {
  super.onPageFinished(view, url);
  // Work around for WebView onPageFinished called twice                
  if (flag == true) {
   browser.setVisibility(View.VISIBLE);
   splashImage.setVisibility(View.INVISIBLE);
   pageLoader.setVisibility(View.INVISIBLE);
  } else {
   flag = true;
  }
 }
});

This code works... except it is slow. The splash page takes far too long to remove, long after the webpage has loaded.

Are there any tips on how I can reliably detect when WebView has loaded a page? I've been researching this for the past few days and I can't seem to come up with anything that is reliable.

The most promising I saw is the following, but putting this code throws an error in Android Console:

@Override
public void invalidate() {
 super.invalidate();

 if (getContentHeight() > 0) {
  // WebView has displayed some content and is scrollable.
 }
}

Thanks!

EDIT: There are a lot of answers proposing onPageFinished, and even someone marking this as a duplicate with a link to solutions using onPageFinished. Folks, we already are using onPageFinished. We are looking for an alternative to onPageFinished due to how unreliable it is.

Possible duplicate of [How to listen for a Webview finishing loading a URL in Android?](http://stackoverflow.com/questions/3149216/how-to-listen-for-a-webview-finishing-loading-a-url-in-android) — Adhikari Bishwash, Jan 06 '16 at 04:44
This is not a duplicate. What you link show solutions using onPageFinished. If you read our post closely, you will see we are already using onPageFinished and it works... except it has issues, so we are looking for something different than onPageFinished. — user4951834, Jan 06 '16 at 05:13

score 6 · Answer 1 · edited Oct 02 '17 at 07:40

If you need than you can achieve this by loaded page progress on using this web client, you can use this also.

 webView.setWebChromeClient(new WebChromeClient() {
                public void onProgressChanged(WebView view, int progress) {
                   Log.e("progress", ""+progress);
                   if (progress == 100) { //...page is fully loaded.
                     // TODO - Add whatever code you need here based on web page load completion...                  
                   } 
                }
            });

score 1 · Answer 2 · answered Apr 16 '22 at 14:53

Xamarin/MAUI solution (see OnPageFinished):

webView.SetWebViewClient(new CustomWebViewClient());

...

public class CustomWebViewClient : WebViewClient
{
    public CustomWebViewClient()
    {
    }

    public override void OnPageFinished(Android.Webkit.WebView view, string url)
    {
        base.OnPageFinished(view, url);

        // Your Logic comes here
    }
}

score 0 · Answer 3 · answered Jan 06 '16 at 04:15

0

You should use WebChromeClient.onProgressChanged() to obtain the current progress of loading a page.

answered Jan 06 '16 at 04:15

Diego Torres Milano

65,697
9
111
134

I read about this. I read sometimes onProgressChanged == 100 even when the page isn't totally loaded. Any thoughts? – user4951834 Jan 06 '16 at 04:18
This might be true - I once observed (in the Log) that the progress jumped from '100' to '10' to '100' in three consecutive iterations. What I always do is display a TextView (nested inside the WebView) with a 'Loading Website...' text. I then hide this TextView (i.e. 'tv.setVisibility(View.GONE)') when the page is fully loaded & ready to be viewed. This approach works for me - as it notifies the user that something is indeed happening in the background (i.e. the webpage is being requested); so the user knows this and simply has to wait a short while before the web page becomes visible. – SilSur Oct 02 '17 at 07:34

SilSur · Answer 4 · 2017-10-02T08:28:40.237

If the splash screen you are using is a simple static image then perhaps you can try the following approach:

In XML nest the splash screen (ImageView) inside the WebView:

<WebView android:id="@+id/wv_your_web_view_id"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView android:id="@+id/iv_your_splash_screen_id"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/img_the_coolest_image_ever"
        android:contentDescription="@string/splash_screen_desc"/>
</WebView>

Now for the runtime code:

WebView wvUltimo = findViewById(R.id.wv_your_web_view_id);
wvUltimo.loadUrl(REQUESTED_WEB_PAGE_URL);   // e.g. "https://www.google.com"
wvUltimo.getSettings().setJavaScriptEnabled(true);   // Only enable this if you need Javascript to work within the WebView!!
wvUltimo.setWebChromeClient(new WebChromeClient() {
    public void onProgressChanged(WebView view, int progress) {
        // Log.d(TAG + " 185", "Load Status: " + progress);
        if (progress == 100) {
            ImageView ivCoolSplash = view.findViewById(R.id.iv_your_splash_screen_id);
            ivCoolSplash.setVisibility(View.GONE);
        }
    }
});

... this guarantees that you have direct access to your splash screen from within your WebView and thus can deactivate or hide it instantly when the web page you requested is ready to be viewed.

score 0 · Answer 5 · answered Oct 02 '17 at 08:48

0

This can be done with the use of WebViewClient() to the webview.

Reference : How can I know that my WebView is loaded 100%?

answered Oct 02 '17 at 08:48

TharakaNirmana

10,237
8
50
69

How to detect when Android WebView has loaded page?

5 Answers5