JS獲取移動端系統信息(操作系統、操作系統版本、橫豎屏狀態、設備類型、網絡狀態、生成瀏覽器指紋)

GitHub: https://github.com/skillnull/Get-Device-Info

在線實例：http://skillnull.com/others/GetDeviceInfo/index.html

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 + '&nbsp;&nbsp;內核: ' + _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, // 屏幕寬
                    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)
        }
    }
})()