CODEWITHSUNDEEP
javascriptandroidandroid-webview
Jon
Jon

Reputation: 1850

WebView returns bad window.innerHeight

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 an initializing method. My JavaScript is enabled and loaded before I hit onPageFinished().

In that JavaScript method I make use of window.innerWidth. However, the value it returns is always wrong and always the same. Regardless of my orientation it reports that the inner width is 320, and the inner height is 240. (Correct width values for portrait and landscape are 360 and 598 respectively.) Anywhere else I access window.innerWidth or window.innerHeight in JavaScript it gives me an accurate number.

What is more puzzling is that if I check the height or width of the WebView directly in my onPageFinished() call using

int height = view.getHeight();

int width = view.getWidth();

then it always returns correctly (although it returns the exact pixel numbers, not the DIP). This makes me think that everything has finished loading with the WebView and so I shouldn't have any problems in my JavaScript.

Any ideas as to what is going on?

Thanks in advance!

Upvotes: 11

Views: 6751

Answers (4)

mortalis
mortalis

Reputation: 2151

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();

Upvotes: 0

Jim Green
Jim Green

Reputation: 1118

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.

Upvotes: 0

Jon
Jon

Reputation: 1850

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.

Upvotes: 0

carltao
carltao

Reputation: 106

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);

Upvotes: 8

Related Questions