Detect between a mobile browser or a PhoneGap application

后端未结

关注

 16  1798

小蘑菇

Is it possible to detect if the user is accessing through the browser or application using JavaScript?

I\'m developing a hybrid application to several mobile OS thr

相关标签:

16条回答

抹茶落季

2020-11-28 03:19

PhoneGap has window.PhoneGap (or in Cordova, it's window.cordova or window.Cordova) object set. Check whether that object exists and do the magic.

0 讨论(0)
发布评论:

提交评论
- 加载中...
醉酒成梦

2020-11-28 03:19
Ive ben struggling with this aswell, and i know this is an old thread, but i havent seen my approach anywhere, so thought id share incase itll help someone.

i set a custom useragent after the actual useragent :
```
String useragent = settings.getUserAgentString();
settings.setUserAgentString(useragent + ";phonegap");
```
that just adds the phonegap string so other sites relying on detecting your mobile useragent still works.

Then you can load phonegap like this:
```
if( /phonegap/i.test(navigator.userAgent) ) 
{
//you are on a phonegap app, $getScript etc
} else {
alert("not phonegap");
}
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

灰色年华

2020-11-28 03:20

You could check if the current URL contains http protocol.

var app = document.URL.indexOf( 'http://' ) === -1 && document.URL.indexOf( 'https://' ) === -1;
if ( app ) {
    // PhoneGap application
} else {
    // Web page
}

0 讨论(0)

没有蜡笔的小新

2020-11-28 03:21
Solution: Patch index.html in Cordova and add cordova-platform="android" to <html> tag, so that cordova-platform attribute will be only present in Cordova build and missing from original index.html used for web outside of Cordova.

Pros: Not rely on user agent, url schema or cordova API. Does not need to wait for deviceready event. Can be extended in various ways, for example cordova-platform="browser" may be included or not, in order to distinguish between web app outside of Cordova with Cordova's browser platform build.

Merge with config.xml
```
    <platform name="android">
        <hook src="scripts/patch-android-index.js" type="after_prepare" />
    </platform>
```
Add file scripts/patch-android-index.js
```
module.exports = function(ctx) {
    var fs = ctx.requireCordovaModule('fs');
    var path = ctx.requireCordovaModule('path');

    var platformRoot = path.join(ctx.opts.projectRoot, 'platforms/android');
    var indexPath = platformRoot + '/app/src/main/assets/www/index.html';

    var indexSource = fs.readFileSync(indexPath, 'utf-8');

    indexSource = indexSource.replace('<html', '<html cordova-platform="android"');

    fs.writeFileSync(indexPath, indexSource, 'utf-8');
}
```
Notes: For other than android, the paths platforms/android and /app/src/main/assets/www/index.html should be adjusted.

App can check for cordova-platform with
```
if (! document.documentElement.getAttribute('cordova-platform')) {
  // Not in Cordova
}
```
or
```
if (document.documentElement.getAttribute('cordova-platform') === 'android') {
  // Cordova, Android
}
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
情话喂你

2020-11-28 03:26
Nobody mentioned this yet, but it seems Cordova now supports adding the browser as a platform:
```
cordova platforms add browser
```
This will automatically add cordova.js during run-time, which features the onDeviceReady event, so that you do not need to fake it. Also, many plugins have browser support, so no more browser hacks in your code.

To use your app in the browser, you should use cordova run browser. If you want to deploy it, you can do so using the same commands as the other platforms.

EDIT: forgot to mention my source.
0 讨论(0)
发布评论:

提交评论
- 加载中...

误落风尘

2020-11-28 03:27

what if you try following :

if(window._cordovaNative) {
  alert("loading cordova");
  requirejs(["...path/to/cordova.js"], function () { 
         alert("Finished loading cordova");
  });
}

0 讨论(0)