CODEWITHSUNDEEP
javascriptandroid
JoJo
JoJo

Reputation: 20115

Detect inside Android Browser or WebView

How can Javascript detect whether a website is loaded in Android's stock browser or loaded in a WebView of another app? I would like to run slightly different code in these two cases.

Upvotes: 41

Views: 34999

Answers (3)

pera
pera

Reputation: 982

In the newer versions of WebView, Lollipop and above, you can differentiate the WebView by looking for the wv field in user agent string:

Mozilla/5.0 (Linux; Android 5.1.1; Nexus 5 Build/LMY48B; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/43.0.2357.65 Mobile Safari/537.36

https://developer.chrome.com/multidevice/user-agent#webview_user_agent

Upvotes: 4

Sean
Sean

Reputation: 2109

You can check the server variables on the page that is being requested to see if it is coming from your app and set a javascript variable accordingly

if($_SERVER['HTTP_X_REQUESTED_WITH'] == "com.company.app")
    echo 'var isAndroidApp=true;';
else
    echo 'var isAndroidApp=false;';
  • replace com.company.app with your package name

Upvotes: 5

JoJo
JoJo

Reputation: 20115

Activity -> onCreate

this.webView.getSettings().setUserAgentString(
    this.webView.getSettings().getUserAgentString() 
    + " "
    + getString(R.string.user_agent_suffix)
);

Res -> Values -> strings.xml

<string name="user_agent_suffix">AppName/1.0</string>

Javascript

function() isNativeApp {
    return /AppName\/[0-9\.]+$/.test(navigator.userAgent);
}

Upvotes: 58

Related Questions