Android Question Webview display different from browser

[Keith Yong]

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.

WebView1.LoadURL(Common.WebLink)

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

 

[mcqueccu]

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

 

[Keith Yong]

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]

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

 

[Keith Yong]

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

'    '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]

May I know anyone can help me on this?

 

[JohnC]

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]

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:

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]

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:

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]

But it works fine in B4I WebView.

Then difference between Android api and Apple api.

Regards,

Anand

 

[mcqueccu]

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]

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]

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]

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]

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]

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]

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]

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

#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]

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

#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