Cordova/jQuery - 识别您的应用程序是在 Web/移动浏览器还是移动应用程序 (Android/iOS) 上运行

Question

我使用 Cordova/Phonegap 为 Android/iOS 开发应用程序。我通常为我的网络和移动内容使用一个代码库。当它是一个移动应用程序时，我使用 SQLite 数据库和/或其他本机插件，并且当我在网络上时必须避免这些 LOC。

但我在确定我的应用是在桌面/Mac/Android/iOS 上的网络浏览器上运行还是作为移动应用 (Android/iOS) 运行时遇到问题。

我尝试过 userAgent 嗅探，但这种正则表达式技术失败了，尤其是在移动浏览器上运行代码时。以下是我用来识别设备操作系统和版本的代码：

getOSAndVersion: function() {
        var that = this;
        var userOS;    // will either be iOS, Android or unknown
        var userOSver; // this is a string, used to denote OS version
        var ua = navigator.userAgent;
        var uaindex;

        if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(ua)) {
            window.deviceType = "Mobile";                                  
        } else {
            window.deviceType = "Web";                    
        }

        // determine OS
        if (ua.match(/iPad/i) || ua.match(/iPhone/i)) {
            userOS = 'iOS';
            uaindex = ua.indexOf('OS ');
        }
        else if (ua.match(/Android/i)) {
            userOS = 'Android';
            uaindex = ua.indexOf('Android ');
        }
        else {
            userOS = 'unknown';
        }

        // determine version
        if (userOS === 'iOS' && uaindex > -1) {
            userOSver = ua.substr(uaindex + 3, 3).replace('_', '.');
        }
        else if (userOS === 'Android' && uaindex > -1) {
            userOSver = ua.substr(uaindex + 8, 3);
        }
        else {
            userOSver = 'unknown';
        }
        return { osVersion: userOSver, os: userOS, deviceType: window.deviceType };
    }

是否有任何其他技术可以用来可靠地识别我的代码在哪里运行？

附： : 我反对使用任何其他 Cordova/JS 插件来识别它，但仍然可以讨论。

Answer 1

在 Cordova 中，当应用程序运行到应用程序中时，url 以 file:// 为前缀，而在移动浏览器中运行时，url 以 http 或 https 协议为前缀。

解决方案：

1. 获取您当前页面的 url (check this)
2. 如果 file:// 是其应用程序，则标识其前缀
3. 如果是 http 或 https 那么是移动浏览器

Answer 2

您可以检查是否定义了cordova？

if (cordova) {
    // Running in your app
} else {
    // Not running in your app, so website
}