How to get the full height of in android WebView?

Question

I have a RelativeLayout with WebView. I am loading some generated html text into that WebView. After loading the data WebView height exceeding the screen. Now I need the height of the entire WebView. Till now I tried WebView#getHeight(), WebView#getBottom() but I'm getting the height of visible content.

How to get the total height of WebView.?

you have to use javascript for that. – njzk2 Apr 13 '17 at 14:10 — njzk2, Apr 13 '17 at 14:10

shobhan · Accepted Answer · 2018-09-10T13:06:30.717

17

Finally I got the answer for my question. Here is the answer.

After loading WebView we will get call in WebViewClient#onPageFinished there we need to call javascript to get the height of full content of WebView

WebViewClient class

/**
 * Custom web client to perform operations on WebView
 */
class WebClient extends WebViewClient {

    @Override
    public void onPageFinished(WebView view, String url) {
            view.loadUrl("javascript:AndroidFunction.resize(document.body.scrollHeight)");
        }
    }
}

After that we will get callback with height in WebInterface class which is Registered as JavascriptInterface

/**
 * WebView interface to communicate with Javascript
 */
public class WebAppInterface {

    @JavascriptInterface
    public void resize(final float height) {
        float webViewHeight = (height * getResources().getDisplayMetrics().density);
        //webViewHeight is the actual height of the WebView in pixels as per device screen density
    }
}

edited Sep 10 '18 at 13:06

answered Apr 21 '17 at 05:09

shobhan

1,460
2
14
28

resizing is crucial if actual height in screen pixels is needed. thanks a lot. – Boris Gafurov Jul 06 '17 at 04:14
hey, what is readWebView? Ah- an instance of WebAppInterface? – pale bone Sep 08 '18 at 02:24
No it's webView instance. Edited answer. Thanks man. I forgot that it's my answer. ;) – shobhan Sep 10 '18 at 13:10
how to use this class WebAppInterface – Nanda Z Mar 11 '19 at 09:49
go through this link https://developer.android.com/guide/webapps/webview#BindingJavaScript – shobhan Mar 11 '19 at 18:53
1

Since `WebViewClient.onPageFinished()` only gets called when the page had finished loading, this solution falls short when the size of the content changes post loading (e.g. Javascript content rendered after page finished loading, user interactions with expandable and collapsible sections) – trod Dec 02 '21 at 05:43
In this case we can have one more javascript call from web page when content is expanded/collapsed. – shobhan Dec 29 '21 at 16:50
@trod I'm also facing similar problem. Do have any clue? – Muhammad Babar Feb 28 '23 at 12:02

score 5 · Answer 2 · answered Apr 26 '17 at 17:43

5

Wrap your WebView within a ScrollView and webView.getHeight() will return the height of the actual WebView content. Make sure your WebView's height attribute is set to wrap_content.

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </WebView>
</ScrollView>

answered Apr 26 '17 at 17:43

Ivan

665
2
10
28

I tried this case also, but if we load 10 high quality images it is giving out off memory error. And one more thing keeping WebView in ScrollView is not recommended. – shobhan Apr 28 '17 at 05:39
@shobhan You're probably getting OOM because the images are much higher res than what the device can handle, consider if a high res image is 50mb, you load 10 = 250mb, and then on top of that you have the app, the os, etc. running on oftentimes devices with less than a gig of ram, you're going to kill your app quickly. – Trevor Hart Jul 20 '17 at 05:01
I think you tried to explain part of my above comment. (OOM out off memory error) :P Thanks. – shobhan Jul 20 '17 at 06:53
If you are using scroll view among with nested scroll view try to set android:nestedScrollingEnabled="true" inside scroll view – bene25 Jan 17 '23 at 09:37
NEVER wrap webViews inside scrollviews. It will make the WebView expand to max size and the webView will believe all of it's content is shown. WebView should handle content visibility, not ScrollView. – Torhan Bartel May 22 '23 at 08:21

score 2 · Answer 3 · edited Dec 11 '17 at 00:03

2

public class CustomWebView extends WebView{
    public CustomWebView(Context context) {
        super(context);
    }
    int ContentHeight = 0;
    public int getContentHeight(){
        if(ContentHeight==0)
            ContentHeight = computeVerticalScrollRange();
        return ContentHeight;
    }
}

Webview has protected method computeVerticalScrollRange(). you can access this method by creating custom one.

((CustomWebView) webView).getContentHeight())

edited Dec 11 '17 at 00:03

JaKang Chen

7
4

answered Apr 13 '17 at 14:15

mertsimsek

266
2
10

the word `compute` tends to indicate that some work is being done, possibly heavy. – njzk2 Apr 13 '17 at 14:25
I get a ```ClassCastException``` with this solution. Any work arounds? – Ivan Apr 26 '17 at 16:50
Nevermind, I figured it out. See my full answer below. – Ivan Apr 26 '17 at 17:45

score 1 · Answer 4 · answered Feb 21 '22 at 08:01

1

kotlin: myWebView.contentHeight

answered Feb 21 '22 at 08:01

Leonid Ivankin

579
4
9

In my case I aloso need multiply myWebView.contentHeigth to Resources.getSystem().displayMetrics.density to get real height. – user1795683 Aug 26 '22 at 05:05

score 0 · Answer 5 · edited Aug 08 '18 at 19:19

0

My Answer:-

I think you have to remove padding properties from your layout.xml file

(i.e) Remove the following content from your XML file and try it.

android:paddingBottom    
android:paddingLeft    
android:paddingRight    
android:paddingTop

Hope it helps!!

edited Aug 08 '18 at 19:19

Chris Stillwell

10,266
10
67
77

answered Apr 13 '17 at 14:21

Karthik Sekaran

139
5

score -1 · Answer 6 · answered Apr 13 '17 at 14:12

In your Java class add the getWindow()

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_webview);
}

score -1 · Answer 7 · edited Aug 08 '18 at 19:19

-1

private int getScale(){
    Display display = ((WindowManager) 
    getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
    int width = display.getWidth(); 
    Double val = new Double(width)/new Double(PIC_WIDTH);
    val = val * 100d;
    return val.intValue();
}

check this link! for more information

edited Aug 08 '18 at 19:19

Chris Stillwell

10,266
10
67
77

answered Apr 13 '17 at 14:26

Rizwan

163
2
8

How to get the full height of in android WebView?

7 Answers7

Linked