Show whatsapp barcode webpage in webview

Question

I am trying to show this link in android app in webview but the web loads in android device is different from showing in Google Chrome.

Whatsapp link is here :https://web.whatsapp.com/

I am using this code in android to load the above page but it does not load the same page.

mWebView .loadUrl("https://web.whatsapp.com/");// https://tekdude.blogspot.in/");
mWebView.getSettings().setBuiltInZoomControls(true);
mWebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
setContentView(mWebView );

Why would they allow mobile viewing of a desktop link webpage? — Stefan, Feb 11 '17 at 11:18
@Stefan so, is there any method to show the above webpage same in android device like in google chrome? — Pir Fahim Shah, Feb 11 '17 at 11:19
Probably not. What are you trying to achieve? Linking whatsapp to your webview in your own app? — Stefan, Feb 11 '17 at 11:21
@Stefan yes i want to show the QRCode from that web page inside my webview in android app — Pir Fahim Shah, Feb 11 '17 at 11:31

score 4 · Answer 1 · edited May 19 '20 at 00:25

You can Use This Code, It Worked For me!!

Copy this code to inside OnCreate Method!! You can edit code according to your requirement.

webView.loadUrl(YOUR URL HERE);
webView.setWebViewClient(new WebViewClient());
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setUseWideViewPort(true);
webView.setWebChromeClient(new WebChromeClient());
webView.getSettings().setUserAgentString("Mozilla/5.0 (Linux; Win64; x64; rv:46.0) Gecko/20100101 Firefox/68.0");
webView.getSettings().setGeolocationEnabled(true);
webView.getSettings().setDomStorageEnabled(true);
webView.getSettings().setDatabaseEnabled(true);
webView.getSettings().setSupportMultipleWindows(true);
webView.getSettings().setAppCacheEnabled(true);
webView.getSettings().setNeedInitialFocus(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
//webView.getSettings().setBlockNetworkLoads(true);
webView.getSettings().setBlockNetworkImage(true);
webView.getSettings().setBuiltInZoomControls(true);
webView.setInitialScale(100);

Works Perfectly! Thanks for the solution. – Farhan Anwar May 19 '20 at 00:11 — Farhan Anwar, May 19 '20 at 00:11

minigeek · Answer 2 · 2017-02-11T11:40:08.983

0

Change the user agent of webview like

String newUA= "Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.4) Gecko/20100101 Firefox/4.0";
mWebView.getSettings().setUserAgentString(newUA);

Alternatively you can also change the settings without changing user agent

 webView = (WebView)findViewById(R.id.webView1);
 webView.getSettings().setJavaScriptEnabled(true);
 webView.getSettings().setLoadWithOverviewMode(true);
 webView.getSettings().setUseWideViewPort(true);
 webView.getSettings().setSupportZoom(true);
 webView.getSettings().setBuiltInZoomControls(true);
 webView.getSettings().setDisplayZoomControls(false);
 webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
 webView.setScrollbarFadingEnabled(false);

edited Feb 11 '17 at 11:40

answered Feb 11 '17 at 11:27

minigeek

2,138
1
18
28

I added this line, but it says i should update firfox ? – Pir Fahim Shah Feb 11 '17 at 11:31
Change the version..put the lastest one and correct my ans too :p – minigeek Feb 11 '17 at 11:32
@Pir Fahim Shah check the edit please. alternate way – minigeek Feb 11 '17 at 11:43
@Pir Fahim Shah did it help? – minigeek Feb 11 '17 at 17:18
@no it does not work, it is not displaying the same QRcode page of the whats app – Pir Fahim Shah Feb 12 '17 at 06:20
Huh ! Desktop view is the only way to show this code in phones – minigeek Feb 12 '17 at 08:03
@really the above link is showing different screen in phone with this code from the desktop google chrome screen – Pir Fahim Shah Feb 12 '17 at 08:11
@PirFahimShah by default it will detect android as your default browser..google more on desktop view solution ..gud luck – minigeek Feb 12 '17 at 10:18

score 0 · Answer 3 · edited May 23 '17 at 12:01

0

You can try with changing user agent of your web view.

Example:

String newUA= "Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.4) Gecko/20100101 Firefox/4.0";
 mWebView.getSettings().setUserAgentString(newUA);

Check this link Setting WebView to view Desktop Site and Not Mobile Site

edited May 23 '17 at 12:01

Community

1
1

answered Feb 11 '17 at 11:28

Pratik Popat

2,881
18
30

Show whatsapp barcode webpage in webview

3 Answers3

Linked