How to detect an in-app browser in iphone and android?

javascript android iphone mobile-browser
chaonextdoor picture chaonextdoor · May 14, 2013 · Viewed 8.5k times · Source

I'm working on a mobile site right now. But it performs a little bit different in a normal mobile browser and an in-app browser(when you scan the QR code or click a link in a social network app, for example). I use navigator.userAgent.match(/ipad|ipod|iphone|android/i) to detect mobile site and run corresponding javascript function, so I guess maybe this detection method doesn't work in in-app browser. Is there a universal way to detect all the mobile browsers including in-app one?

Answer

pixelbandito picture pixelbandito · Jun 23, 2015

There are user agent string variations even for in-app browsers. You can sometimes use those to detect specific in-app browsers: for instance, the Facebook on both iOS and Android contains the string FBAV (possibly short for Facebook Application Version?).

A working general solution for iOS is here: detect ipad/iphone webview via javascript

I'm not aware of a general solution for Android.

Related questions

Detect a finger swipe through JavaScript on the iPhone and Android

How can you detect that a user swiped his finger in some direction over a web page with JavaScript? I was wondering if there was one solution that would work for websites on both the iPhone and an Android phone.

Read More
Detecting touch screen devices with Javascript

In Javascript/jQuery, how can I detect if the client device has a mouse? I've got a site that slides up a little info panel when the user hovers their mouse over an item. I'm using jQuery.hoverIntent to detect …

Read More
How to detect a long touch pressure with javascript for android and iphone?

How to detect a long touch pressure with javascript for android and iphone? native javascript or jquery... I want something that sound like : <input type='button' onLongTouch='myFunc();' />

Read More