js获取浏览器信息、操作系统信息和指纹

发布时间:2019-09-20作者:laosun阅读(2740)

js获取浏览器信息、操作系统信息和指纹

    js获取浏览器信息、操作系统信息和指纹。

    预览图如下:

    image.png

    var DeviceInfo = (function () {
        var root = typeof self !== 'undefined' ? self : this;
        var _window = root || {};
        // 变量库
        var VariableLibrary = {
            navigator: typeof root.navigator != 'undefined' ? root.navigator : {},
            // 信息map
            infoMap: {
                engine: ['WebKit', 'Trident', 'Gecko', 'Presto'],
                browser: ['Safari', 'Chrome', 'Edge', 'IE', 'Firefox', 'Firefox Focus', 'Chromium', 'Opera', 'Vivaldi', 'Yandex', 'Arora', 'Lunascape', 'QupZilla', 'Coc Coc', 'Kindle', 'Iceweasel', 'Konqueror', 'Iceape', 'SeaMonkey', 'Epiphany', '360', '360SE', '360EE', 'UC', 'QQBrowser', 'QQ', 'Baidu', 'Maxthon', 'Sogou', 'LBBROWSER', '2345Explorer', 'TheWorld', 'XiaoMi', 'Quark', 'Qiyu', 'Wechat', 'Taobao', 'Alipay', 'Weibo', 'Douban', 'Suning', 'iQiYi'],
                os: ['Windows', 'Linux', 'Mac OS', 'Android', 'Ubuntu', 'FreeBSD', 'Debian', 'iOS', 'Windows Phone', 'BlackBerry', 'MeeGo', 'Symbian', 'Chrome OS', 'WebOS'],
                device: ['Mobile', 'Tablet', 'iPad']
            }
        };
        // 方法库
        var MethodLibrary = (function () {
            return {
                // 获取匹配库
                getMatchMap: function (u) {
                    return {
                        // 内核
                        'Trident': u.indexOf('Trident') > -1 || u.indexOf('NET CLR') > -1,
                        'Presto': u.indexOf('Presto') > -1,
                        'WebKit': u.indexOf('AppleWebKit') > -1,
                        'Gecko': u.indexOf('Gecko/') > -1,
                        // 浏览器
                        'Safari': u.indexOf('Safari') > -1,
                        'Chrome': u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1,
                        'IE': u.indexOf('MSIE') > -1 || u.indexOf('Trident') > -1,
                        'Edge': u.indexOf('Edge') > -1,
                        'Firefox': u.indexOf('Firefox') > -1 || u.indexOf('FxiOS') > -1,
                        'Firefox Focus': u.indexOf('Focus') > -1,
                        'Chromium': u.indexOf('Chromium') > -1,
                        'Opera': u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1,
                        'Vivaldi': u.indexOf('Vivaldi') > -1,
                        'Yandex': u.indexOf('YaBrowser') > -1,
                        'Arora': u.indexOf('Arora') > -1,
                        'Lunascape': u.indexOf('Lunascape') > -1,
                        'QupZilla': u.indexOf('QupZilla') > -1,
                        'Coc Coc': u.indexOf('coc_coc_browser') > -1,
                        'Kindle': u.indexOf('Kindle') > -1 || u.indexOf('Silk/') > -1,
                        'Iceweasel': u.indexOf('Iceweasel') > -1,
                        'Konqueror': u.indexOf('Konqueror') > -1,
                        'Iceape': u.indexOf('Iceape') > -1,
                        'SeaMonkey': u.indexOf('SeaMonkey') > -1,
                        'Epiphany': u.indexOf('Epiphany') > -1,
                        '360': u.indexOf('QihooBrowser') > -1 || u.indexOf('QHBrowser') > -1,
                        '360EE': u.indexOf('360EE') > -1,
                        '360SE': u.indexOf('360SE') > -1,
                        'UC': u.indexOf('UC') > -1 || u.indexOf(' UBrowser') > -1,
                        'QQBrowser': u.indexOf('QQBrowser') > -1,
                        'QQ': u.indexOf('QQ/') > -1,
                        'Baidu': u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1,
                        'Maxthon': u.indexOf('Maxthon') > -1,
                        'Sogou': u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1,
                        'LBBROWSER': u.indexOf('LBBROWSER') > -1,
                        '2345Explorer': u.indexOf('2345Explorer') > -1,
                        'TheWorld': u.indexOf('TheWorld') > -1,
                        'XiaoMi': u.indexOf('MiuiBrowser') > -1,
                        'Quark': u.indexOf('Quark') > -1,
                        'Qiyu': u.indexOf('Qiyu') > -1,
                        'Wechat': u.indexOf('MicroMessenger') > -1,
                        'Taobao': u.indexOf('AliApp(TB') > -1,
                        'Alipay': u.indexOf('AliApp(AP') > -1,
                        'Weibo': u.indexOf('Weibo') > -1,
                        'Douban': u.indexOf('com.douban.frodo') > -1,
                        'Suning': u.indexOf('SNEBUY-APP') > -1,
                        'iQiYi': u.indexOf('IqiyiApp') > -1,
                        // 系统或平台
                        'Windows': u.indexOf('Windows') > -1,
                        'Linux': u.indexOf('Linux') > -1 || u.indexOf('X11') > -1,
                        'Mac OS': u.indexOf('Macintosh') > -1,
                        'Android': u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
                        'Ubuntu': u.indexOf('Ubuntu') > -1,
                        'FreeBSD': u.indexOf('FreeBSD') > -1,
                        'Debian': u.indexOf('Debian') > -1,
                        'Windows Phone': u.indexOf('IEMobile') > -1 || u.indexOf('Windows Phone') > -1,
                        'BlackBerry': u.indexOf('BlackBerry') > -1 || u.indexOf('RIM') > -1,
                        'MeeGo': u.indexOf('MeeGo') > -1,
                        'Symbian': u.indexOf('Symbian') > -1,
                        'iOS': u.indexOf('like Mac OS X') > -1,
                        'Chrome OS': u.indexOf('CrOS') > -1,
                        'WebOS': u.indexOf('hpwOS') > -1,
                        // 设备
                        'Mobile': u.indexOf('Mobi') > -1 || u.indexOf('iPh') > -1 || u.indexOf('480') > -1,
                        'Tablet': u.indexOf('Tablet') > -1 || u.indexOf('Nexus 7') > -1,
                        'iPad': u.indexOf('iPad') > -1
                    }
                },
                // 在信息map和匹配库中进行匹配
                matchInfoMap: function (_this) {
                    var u = VariableLibrary.navigator.userAgent || {};
                    var match = MethodLibrary.getMatchMap(u);
                    for (var s in VariableLibrary.infoMap) {
                        for (var i = 0; i < VariableLibrary.infoMap[s].length; i++) {
                            var value = VariableLibrary.infoMap[s][i];
                            if (match[value]) {
                                _this[s] = value;
                            }
                        }
                    }
                },
                // 获取当前操作系统
                getOS: function () {
                    var _this = this;
                    MethodLibrary.matchInfoMap(_this);
                    return _this.os;
                },
                // 获取操作系统版本
                getOSVersion: function () {
                    var _this = this;
                    var u = VariableLibrary.navigator.userAgent || {};
                    _this.osVersion = '';
                    // 系统版本信息
                    var osVersion = {
                        'Windows': function () {
                            var v = u.replace(/^.*Windows NT ([\d.]+);.*$/, '$1');
                            var oldWindowsVersionMap = {
                                '6.4': '10',
                                '6.3': '8.1',
                                '6.2': '8',
                                '6.1': '7',
                                '6.0': 'Vista',
                                '5.2': 'XP',
                                '5.1': 'XP',
                                '5.0': '2000'
                            };
                            return oldWindowsVersionMap[v] || v;
                        },
                        'Android': function () {
                            return u.replace(/^.*Android ([\d.]+);.*$/, '$1');
                        },
                        'iOS': function () {
                            return u.replace(/^.*OS ([\d_]+) like.*$/, '$1').replace(/_/g, '.');
                        },
                        'Debian': function () {
                            return u.replace(/^.*Debian\/([\d.]+).*$/, '$1');
                        },
                        'Windows Phone': function () {
                            return u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/, '$2');
                        },
                        'Mac OS': function () {
                            return u.replace(/^.*Mac OS X ([\d_]+).*$/, '$1').replace(/_/g, '.');
                        },
                        'WebOS': function () {
                            return u.replace(/^.*hpwOS\/([\d.]+);.*$/, '$1');
                        }
                    };
                    if (osVersion[_this.os]) {
                        _this.osVersion = osVersion[_this.os]();
                        if (_this.osVersion == u) {
                            _this.osVersion = '';
                        }
                    };;
                    return _this.osVersion;
                },
                // 获取横竖屏状态
                getOrientationStatu: function () {
                    var orientationStatus = '';
                    var orientation = window.matchMedia("(orientation: portrait)");
                    if (orientation.matches) {
                        orientationStatus = "竖屏";
                    } else {
                        orientationStatus = "横屏";
                    }
                    return orientationStatus;
                },
                // 获取设备类型
                getDeviceType: function () {
                    var _this = this;
                    _this.device = 'PC';
                    MethodLibrary.matchInfoMap(_this);
                    return _this.device;
                },
                // 获取网络状态
                getNetwork: function () {
                    var netWork = navigator && navigator.connection && navigator.connection.effectiveType;
                    return netWork;
                },
                // 获取当前语言
                getLanguage: function () {
                    var _this = this;
                    _this.language = (function () {
                        var language = (VariableLibrary.navigator.browserLanguage || VariableLibrary.navigator.language);
                        var arr = language.split('-');
                        if (arr[1]) {
                            arr[1] = arr[1].toUpperCase();
                        }
                        return arr.join('_');
                    })();
                    return _this.language;
                },
                // 生成浏览器指纹
                createFingerprint: function (domain) {
                    var fingerprint;
                    function bin2hex (s) {
                        var i, l, n, o = '';
                        s += '';
                        for (i = 0, l = s.length; i < l; i++) {
                            n = s.charCodeAt(i).toString(16);
                            o += n.length < 2 ? '0' + n : n;
                        }
                        return o;
                    }
                    var canvas = document.createElement('canvas');
                    var ctx = canvas.getContext('2d');
                    var txt = domain || window.location.host;
                    ctx.textBaseline = "top";
                    ctx.font = "14px 'Arial'";
                    ctx.textBaseline = "tencent";
                    ctx.fillStyle = "#f60";
                    ctx.fillRect(125, 1, 62, 20);
                    ctx.fillStyle = "#069";
                    ctx.fillText(txt, 2, 15);
                    ctx.fillStyle = "rgba(102, 204, 0, 0.7)";
                    ctx.fillText(txt, 4, 17);
                    var b64 = canvas.toDataURL().replace("data:image/png;base64,", "");
                    var bin = atob(b64);
                    var crc = bin2hex(bin.slice(-16, -12));
                    fingerprint = crc;
                    return fingerprint;
                },
                // 浏览器信息
                getBrowserInfo: function () {
                    var _this = this;
                    MethodLibrary.matchInfoMap(_this);
    
                    var u = VariableLibrary.navigator.userAgent || {};
    
                    var _mime = function (option, value) {
                        var mimeTypes = VariableLibrary.navigator.mimeTypes;
                        for (var key in mimeTypes) {
                            if (mimeTypes[key][option] == value) {
                                return true;
                            }
                        }
                        return false;
                    };
    
                    var match = MethodLibrary.getMatchMap(u);
    
                    var is360 = false;
                    if (_window.chrome) {
                        var chrome_vision = u.replace(/^.*Chrome\/([\d]+).*$/, '$1');
                        if (chrome_vision > 36 && _window.showModalDialog) {
                            is360 = true;
                        } else if (chrome_vision > 45) {
                            is360 = _mime("type", "application/vnd.chromium.remoting-viewer");
                        }
                    }
                    if (match['Baidu'] && match['Opera']) {
                        match['Baidu'] = false;
                    }
                    if (match['Mobile']) {
                        match['Mobile'] = !(u.indexOf('iPad') > -1);
                    }
                    if (is360) {
                        if (_mime("type", "application/gameplugin")) {
                            match['360SE'] = true;
                        } else if (VariableLibrary.navigator && typeof VariableLibrary.navigator['connection']['saveData'] == 'undefined') {
                            match['360SE'] = true;
                        } else {
                            match['360EE'] = true;
                        }
                    }
                    if (match['IE'] || match['Edge']) {
                        var navigator_top = window.screenTop - window.screenY;
                        switch (navigator_top) {
                            case 71: // 无收藏栏,贴边
                                break
                            case 74: // 无收藏栏,非贴边
                                break
                            case 99: // 有收藏栏,贴边
                                break
                            case 102: // 有收藏栏,非贴边
                                match['360EE'] = true
                                break;
                            case 75: // 无收藏栏,贴边
                                break
                            case 74: // 无收藏栏,非贴边
                                break
                            case 105: // 有收藏栏,贴边
                                break
                            case 104: // 有收藏栏,非贴边
                                match['360SE'] = true
                                break
                            default:
                                break
                        }
                    }
    
                    var browerVersionMap = {
                        'Safari': function () {
                            return u.replace(/^.*Version\/([\d.]+).*$/, '$1');
                        },
                        'Chrome': function () {
                            return u.replace(/^.*Chrome\/([\d.]+).*$/, '$1').replace(/^.*CriOS\/([\d.]+).*$/, '$1');
                        },
                        'IE': function () {
                            return u.replace(/^.*MSIE ([\d.]+).*$/, '$1').replace(/^.*rv:([\d.]+).*$/, '$1');
                        },
                        'Edge': function () {
                            return u.replace(/^.*Edge\/([\d.]+).*$/, '$1');
                        },
                        'Firefox': function () {
                            return u.replace(/^.*Firefox\/([\d.]+).*$/, '$1').replace(/^.*FxiOS\/([\d.]+).*$/, '$1');
                        },
                        'Firefox Focus': function () {
                            return u.replace(/^.*Focus\/([\d.]+).*$/, '$1');
                        },
                        'Chromium': function () {
                            return u.replace(/^.*Chromium\/([\d.]+).*$/, '$1');
                        },
                        'Opera': function () {
                            return u.replace(/^.*Opera\/([\d.]+).*$/, '$1').replace(/^.*OPR\/([\d.]+).*$/, '$1');
                        },
                        'Vivaldi': function () {
                            return u.replace(/^.*Vivaldi\/([\d.]+).*$/, '$1');
                        },
                        'Yandex': function () {
                            return u.replace(/^.*YaBrowser\/([\d.]+).*$/, '$1');
                        },
                        'Arora': function () {
                            return u.replace(/^.*Arora\/([\d.]+).*$/, '$1');
                        },
                        'Lunascape': function () {
                            return u.replace(/^.*Lunascape[\/\s]([\d.]+).*$/, '$1');
                        },
                        'QupZilla': function () {
                            return u.replace(/^.*QupZilla[\/\s]([\d.]+).*$/, '$1');
                        },
                        'Coc Coc': function () {
                            return u.replace(/^.*coc_coc_browser\/([\d.]+).*$/, '$1');
                        },
                        'Kindle': function () {
                            return u.replace(/^.*Version\/([\d.]+).*$/, '$1');
                        },
                        'Iceweasel': function () {
                            return u.replace(/^.*Iceweasel\/([\d.]+).*$/, '$1');
                        },
                        'Konqueror': function () {
                            return u.replace(/^.*Konqueror\/([\d.]+).*$/, '$1');
                        },
                        'Iceape': function () {
                            return u.replace(/^.*Iceape\/([\d.]+).*$/, '$1');
                        },
                        'SeaMonkey': function () {
                            return u.replace(/^.*SeaMonkey\/([\d.]+).*$/, '$1');
                        },
                        'Epiphany': function () {
                            return u.replace(/^.*Epiphany\/([\d.]+).*$/, '$1');
                        },
                        '360': function () {
                            return u.replace(/^.*QihooBrowser\/([\d.]+).*$/, '$1');
                        },
                        '360SE': function () {
                            var hash = {'63': '10.0', '55': '9.1', '45': '8.1', '42': '8.0', '31': '7.0', '21': '6.3'};
                            var chrome_vision = u.replace(/^.*Chrome\/([\d]+).*$/, '$1');
                            return hash[chrome_vision] || '';
                        },
                        '360EE': function () {
                            var hash = {'69': '11.0', '63': '9.5', '55': '9.0', '50': '8.7', '30': '7.5'};
                            var chrome_vision = u.replace(/^.*Chrome\/([\d]+).*$/, '$1');
                            return hash[chrome_vision] || '';
                        },
                        'Maxthon': function () {
                            return u.replace(/^.*Maxthon\/([\d.]+).*$/, '$1');
                        },
                        'QQBrowser': function () {
                            return u.replace(/^.*QQBrowser\/([\d.]+).*$/, '$1');
                        },
                        'QQ': function () {
                            return u.replace(/^.*QQ\/([\d.]+).*$/, '$1');
                        },
                        'Baidu': function () {
                            return u.replace(/^.*BIDUBrowser[\s\/]([\d.]+).*$/, '$1');
                        },
                        'UC': function () {
                            return u.replace(/^.*UC?Browser\/([\d.]+).*$/, '$1');
                        },
                        'Sogou': function () {
                            return u.replace(/^.*SE ([\d.X]+).*$/, '$1').replace(/^.*SogouMobileBrowser\/([\d.]+).*$/, '$1');
                        },
                        'LBBROWSER': function () {
                            var hash = {'57': '6.5', '49': '6.0', '46': '5.9', '42': '5.3', '39': '5.2', '34': '5.0', '29': '4.5', '21': '4.0'};
                            var chrome_vision = navigator.userAgent.replace(/^.*Chrome\/([\d]+).*$/, '$1');
                            return hash[chrome_vision] || '';
                        },
                        '2345Explorer': function () {
                            return u.replace(/^.*2345Explorer\/([\d.]+).*$/, '$1');
                        },
                        'TheWorld': function () {
                            return u.replace(/^.*TheWorld ([\d.]+).*$/, '$1');
                        },
                        'XiaoMi': function () {
                            return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/, '$1');
                        },
                        'Quark': function () {
                            return u.replace(/^.*Quark\/([\d.]+).*$/, '$1');
                        },
                        'Qiyu': function () {
                            return u.replace(/^.*Qiyu\/([\d.]+).*$/, '$1');
                        },
                        'Wechat': function () {
                            return u.replace(/^.*MicroMessenger\/([\d.]+).*$/, '$1');
                        },
                        'Taobao': function () {
                            return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/, '$1');
                        },
                        'Alipay': function () {
                            return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/, '$1');
                        },
                        'Weibo': function () {
                            return u.replace(/^.*weibo__([\d.]+).*$/, '$1');
                        },
                        'Douban': function () {
                            return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/, '$1');
                        },
                        'Suning': function () {
                            return u.replace(/^.*SNEBUY-APP([\d.]+).*$/, '$1');
                        },
                        'iQiYi': function () {
                            return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/, '$1');
                        }
                    };
                    _this.browserVersion = '';
                    if (browerVersionMap[_this.browser]) {
                        _this.browserVersion = browerVersionMap[_this.browser]();
                        if (_this.browserVersion == u) {
                            _this.browserVersion = '';
                        }
                    }
    
                    if (_this.browser == 'Edge') {
                        _this.engine = 'EdgeHTML';
                    }
                    if (_this.browser == 'Chrome' && parseInt(_this.browserVersion) > 27) {
                        _this.engine = 'Blink';
                    }
                    if (_this.browser == 'Opera' && parseInt(_this.browserVersion) > 12) {
                        _this.engine = 'Blink';
                    }
                    if (_this.browser == 'Yandex') {
                        _this.engine = 'Blink';
                    }
    
                    return _this.browser + '(版本:' + _this.browserVersion + ';内核:' + _this.engine + ')';
                }
            }
        })();
        // 逻辑层
        var LogicLibrary = (function () {
            return {
                DeviceInfoObj: function (params) {
                    var info = {
                        deviceType: MethodLibrary.getDeviceType(), // 设备类型
                        os: MethodLibrary.getOS(), // 操作系统
                        osVersion: MethodLibrary.getOSVersion(), // 操作系统版本
                        screenHeight: _window.screen.height, // 屏幕高
                        screenWidth: _window.screen.width, // 屏幕宽
                        wbHeight: _window.innerHeight, // 浏览器可用区域高度
                        wbWidth: _window.innerWidth, // 浏览器可用区域宽度
                        language: MethodLibrary.getLanguage(), // 当前使用的语言-国家
                        netWork: MethodLibrary.getNetwork(), // 联网类型
                        orientation: MethodLibrary.getOrientationStatu(), // 横竖屏
                        browserInfo: MethodLibrary.getBrowserInfo(), // 浏览器信息
                        fingerprint: MethodLibrary.createFingerprint(params.domain), // 浏览器指纹
                        userAgent: VariableLibrary.navigator.userAgent // 包含 appCodeName,appName,appVersion,language,platform 等
                    };
                    if (!params.info || params.info.length == 0) {
                        return info;
                    } else {
                        var infoTemp = {};
                        for (var i in info) {
                            params.info.forEach(function (item) {
                                if (item.toLowerCase() == i.toLowerCase()) {
                                    item = i;
                                    infoTemp[item] = info[item];
                                }
                            })
                        }
                        return infoTemp;
                    }
                }
            }
        })();
        // 对外暴露方法
        return {
            getDeviceInfo: function (params) {
                return LogicLibrary.DeviceInfoObj(params);
            }
        }
    })();

    使用方式如下:

    #获取全部
    DeviceInfo.getDeviceInfo({domain: ''});
    #获取单个
    DeviceInfo.getDeviceInfo({domain: ''}).browserInfo;


1 +1

版权声明

 jquery  前端  源码  javascript

 请文明留言

1 条评论