detect ipad/iphone webview via javascript

javascript ipad ios webview
sod picture sod · Dec 16, 2010 · Viewed 88.3k times · Source

Is there a way to differ via javascript if the website runs inside the ipad safari or inside an application WebView?

Answer

ThinkingStiff picture ThinkingStiff · Mar 31, 2012

This uses a combination of window.navigator.userAgent and window.navigator.standalone. It can distinguish between all four states relating to an iOS web app: safari (browser), standalone (fullscreen), uiwebview, and not iOS.

Demo: http://jsfiddle.net/ThinkingStiff/6qrbn/

var standalone = window.navigator.standalone,
    userAgent = window.navigator.userAgent.toLowerCase(),
    safari = /safari/.test( userAgent ),
    ios = /iphone|ipod|ipad/.test( userAgent );

if( ios ) {
    if ( !standalone && safari ) {
        //browser
    } else if ( standalone && !safari ) {
        //standalone
    } else if ( !standalone && !safari ) {
        //uiwebview
    };
} else {
    //not iOS
};

Related questions

window.onbeforeunload not working on the iPad?

Does anyone know if the onbeforeunload event is supported on the iPad and/or if there's a different way to use it? I've tried pretty much everything, and it seems like the onbeforeunload event is never triggered on the iPad (…

Read More
window.close() doesn't work on iOS

I open a new window with window.open() to redirect users to the oauth login page. However, after successful login when the user is redirected back to my app the previous window with the window.open call does not close …

Read More
How to detect iPad and iPad OS version in iOS 13 and Up?

I can detect iOS 13 on iPhone but in iPad OS 13 navigator.platform comes as MacIntel. So it is not possible to get iPad identified using below code, but it works perfectly on iPhone. if (/iP(hone|od|ad)/.test(navigator.…

Read More