Android Question Webview display different from browser

Keith Yong · Nov 1, 2020

Hi,

May I know know why it show different from Webview? Following is the link, appreciate if you could let me know what is the problem.

B4X:

WebView1.LoadURL(Common.WebLink)

http://mysigntouch.thersgc.com/weather.php

mcqueccu · Nov 1, 2020

Your link is not responsive. The contents remain static even if you adjust the screen size

Keith Yong · Nov 1, 2020

mcqueccu said:
Your link is not responsive. The contents remain static even if you adjust the screen size

But when I open it at the browser in the phone, it show nicely. I try it at WebView B4I, it work perfect also. The problem only happen in B4a Webview.

JohnC · Nov 1, 2020

Try adding the chrome client to webview as explained in tip #1 in my below signature:

Keith Yong · Nov 2, 2020

JohnC said:
Try adding the chrome client to webview as explained in tip #1 in my below signature:

B4X:

'    'WVExtras 1.40
'    Dim WebViewExtras1 As WebViewExtras
'    WebViewExtras1.addWebChromeClient(WebView1, "WebViewExtras1")
'    WebView1.LoadURL(Common.WebLink)

    
    'WVExtras 2.20   
    Dim WebViewExtras1 As WebViewExtras
    WebViewExtras1.Initialize(WebView1)
    
    Dim WebChromeClient1 As DefaultWebChromeClient
    WebChromeClient1.Initialize("WebChromeClient1")
    WebViewExtras1.SetWebChromeClient(WebChromeClient1)
    
    Dim WebViewClient1 As DefaultWebViewClient
    WebViewClient1.Initialize("WebViewClient1")
    WebViewExtras1.SetWebViewClient(WebViewClient1)
    
    WebViewExtras1.LoadUrl(Common.WebLink)

I have added WebViewExtras 1.4 and 2.20 to try, but it still having the same problem. You can try with the following URL. It show nicely in browser in the phone and B4I WebView, but not in B4a WebView.

http://mysigntouch.thersgc.com/weather.php

Keith Yong · Nov 3, 2020

May I know anyone can help me on this?

JohnC · Nov 3, 2020

Using webview extras and webview settings, there are a lot of different options to try (like overview mode on or off).

You might need to try all the different combinations to see if you can get it to look the same.

Also, try adding this modification to the manifest to allow non-SSL connections - maybe some resource in that page needs a non-ssl connection and it's failing because this manifest mod is missing:

CLEARTEXT communication to 192.168.0.101 not permitted by network security policy

Hi All, I tried to implement the JRDC2 implementation of Erel in one program. The implementation of Erel is in the below URL: https://www.b4x.com/android/forum/threads/b4x-jrdc2-b4j-implementation-of-rdc-remote-database-connector.61801/ I get the following error: ResponseError. Reason...

www.b4x.com

drgottjr · Nov 3, 2020

yes; you need to use a browser (eg, chrome), not a webview. a webview is not a complete browser.

here is a quote from google's webview documentation:

B4X:

WebView objects allow you to display web content as part of your activity layout, but lack some of the features of fully-developed browsers.

found here

i hope this answers your question.

Keith Yong · Nov 3, 2020

drgottjr said:
yes; you need to use a browser (eg, chrome), not a webview. a webview is not a complete browser.

here is a quote from google's webview documentation:

B4X:

WebView objects allow you to display web content as part of your activity layout, but lack some of the features of fully-developed browsers.

found here

i hope this answers your question.

But it works fine in B4I WebView.

AnandGupta · Nov 3, 2020

Keith Yong said:
But it works fine in B4I WebView.

Then difference between Android api and Apple api.

Regards,

Anand

mcqueccu · Nov 3, 2020

1. Most iphones have higher resolutions than android phones hence it displaying ok on iphones. When you open the page in desktop browser and you resize the browser, you will see that overlap, so to me it has nothing to do with webview.

I will once again stress on my post #2.

If your webpage is responsive, it will display well on all devices. Check your code

EDIT: 2. The webpage is a simple one, you can use imageview and labels to create that layout with proper anchors, and use minihtmlparser to get the values from the link to display - open if it's your own server, create some form of JSON and get it with okhttputils2

drgottjr · Nov 3, 2020

Keith Yong said:
But it works fine in B4I WebView.

then use an iphone. android uses google's implementation, which by its own definition, is an incomplete browser.

Keith Yong · Nov 3, 2020

mcqueccu said:
1. Most iphones have higher resolutions than android phones hence it displaying ok on iphones. When you open the page in desktop browser and you resize the browser, you will see that overlap, so to me it has nothing to do with webview.

I will once again stress on my post #2.

If your webpage is responsive, it will display well on all devices. Check your code

EDIT: 2. The webpage is a simple one, you can use imageview and labels to create that layout with proper anchors, and use minihtmlparser to get the values from the link to display - open if it's your own server, create some form of JSON and get it with okhttputils2

The Webpage is not belong to me. Is ok, since can't do anything, I will use browser instead of WebView. Thanks

drgottjr · Nov 3, 2020

actually, it will work. see here
you need to add some inline java. i just tried it. it works. sorry about telling you it wouldn't. the fact still remains that a webview cannot do everything a full browser does. and apple's implementation is not necessarily the same as google's. they create the webview, not b4x

Keith Yong · Nov 4, 2020

drgottjr said:
actually, it will work. see here
you need to add some inline java. i just tried it. it works. sorry about telling you it wouldn't. the fact still remains that a webview cannot do everything a full browser does. and apple's implementation is not necessarily the same as google's. they create the webview, not b4x

The link given was showing the image into Webview, not using URL.

drgottjr · Nov 4, 2020

i loaded this url into a webview: http://mysigntouch.thersgc.com/weather.php
the output is exactly the same as chrome's. you have to run the inline java snippet before loading the webview.

Keith Yong · Nov 4, 2020

drgottjr said:
i loaded this url into a webview: http://mysigntouch.thersgc.com/weather.php
the output is exactly the same as chrome's. you have to run the inline java snippet before loading the webview.

Can you show me the sample code to refer?

drgottjr · Nov 4, 2020

it's in post #1 in the link i referred to here

B4X:

#if B4A
#if Java
public void zoom(android.webkit.WebView wv) {
   wv.getSettings().setUseWideViewPort(true);
   wv.setInitialScale(1);
}
#End If
#End If

you call the inline java with a java object from b4a, as in the post. look at it carefully. after you set that up, you load your webview and it appears just like chrome (and desktop) show the paqe

Keith Yong · Nov 4, 2020

drgottjr said:
it's in post #1 in the link i referred to here

B4X:

#if B4A #if Java public void zoom(android.webkit.WebView wv) { wv.getSettings().setUseWideViewPort(true); wv.setInitialScale(1); } #End If #End If

you call the inline java with a java object from b4a, as in the post. look at it carefully. after you set that up, you load your webview and it appears just like chrome (and desktop) show the paqe

I got it now. Thanks for your help. Really appreciate

Android Question Webview display different from browser

Active Member

Well-Known Member

Active Member

Expert

Active Member

Active Member

Expert

Expert

Attachments

Active Member

Expert

Well-Known Member

Expert

Active Member

Expert

Attachments

Active Member

Expert

Active Member

Expert

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency