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!

回答1:

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

回答2:

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.

回答3:

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.

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

来源：https://stackoverflow.com/questions/12304489/webview-returns-bad-window-innerheight

标签

javascript

android

android-webview