Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android WebView shows blank page

The problem occurs only some devices. My application has about 1.9 million users, I get this problem as feedback from some users. They have sent screen shots too.

Detailed Explanation of problem: The WebView cannot show my static HTML content on some devices, shows only blank page. But 99% of devices works fine.

According to user feedbacks, this problem occurs on many different brands like Samsung, Sony, LG, ZTE etc. Also they have different versions of Android OS from 4.0.3 to 5.1.1

Tried all Genymotion Emulators and many real devices, all worked perfectly for me. Never seen this bug personally. But some users keep reporting this issue for 1.5 years.

Also my WebView's layout_height parameter is wrap_content, but it behaves like it has some invisible content(a couple of lines). Normally, it should have lots of lines.

Screen Shot

My webview settings:

webView = (WebView) v.findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(wvClient);
webView.getSettings().setTextSize(WebSettings.TextSize.NORMAL);

String start = "<html><head><meta name=\"viewport\" content=\"user-scalable=no\"/><meta http-equiv='Content-Type' content='text/html' charset='UTF-8' /><style>a {color:#9b252e;}\nimg.size-full{width:100%; height:auto;} iframe{width:100%; height:auto;} img{display: inline; height: auto; max-width: 100%;}</style></head><body>";
String end = "</body></html>";

webView.loadDataWithBaseURL(null, start + myHTMLContent + end, null, "text/html; charset=UTF-8", null);

My Questions are:

  1. What can cause that problem?
  2. How can I fix this?
  3. Can it be related to WebView version of currently installed on device?

Edit: I have already checked every related questions & answers on stackoverflow.

like image 514
Oğuzhan Döngül Avatar asked May 16 '26 02:05

Oğuzhan Döngül


1 Answers

What I would start with is fix the HTML so that there are no errors in it. I don't know which content you put in it, but the header already has several errors in it:

  • There is no doctype;
  • You should write content='text/html;charset='UTF-8' instead of content='text/html' charset='UTF-8';
  • There is no title element.

I'm inclined to think that the problem is related to the content you are showing inside since the outside stays the same, so make sure there are no errors as well.

While this may be related to the version of the WebView, but since you mention that the problem happens on 4.0, I think it should be more than just a version of a WebView because on that version of Android it isn't updated from Google Play like on the newest versions.

like image 161
Malcolm Avatar answered May 18 '26 17:05

Malcolm



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!