WebView returns bad window.innerHeight

Question

I have an application that makes use of the Android WebView, as well as some JavaScript. When my WebViewClient calls onPageFinished(), I alert my JavaScript to run

Answer 1

In the end I used the values from webView.getHeight() and webView.getWidth(), adjusted them for screen density, and passed them in as arguments into a javascript method via webView.loadUrl(). This was the only way I could be sure I was getting the right values.

Doing what was suggested in the comments above, checking for the width of 320, and the height of 240 will work great... until you run on a device with those exact dimensions.

Answer 2

After some reading,another solution has occured. in java code, we can use

new Handler().post(new Runnable(){ 
    @Override 
    public void run(){
        webview.loadUrl("...")
    }
}); 

add it to QueueMessage,and delayed the js to execute,and it works.

Answer 3

This is because Javascript executes before WebView's View related initialization. And Android WebView returns a 320x240 default value to JS. Execute your JS after some time is ok, like this

function go() {
int height = view.getHeight();
int width = view.getWidth();
};
window.setTimeout(go, 300);

Answer 4

I used this:

Java code in Activity:

webView.addJavascriptInterface(new WebAppInterface(this), "Android");

...

public class WebAppInterface {
    Context mContext;

    WebAppInterface(Context c) {
        mContext = c;
    }

    public int getWinHeight() {
      return webView.getHeight();
    }
}

JS code:

var winHeight = Android.getWinHeight();