Created
November 20, 2017 11:35
-
-
Save jerrybendy/8e03cda8f2ece23b6469acd181c594ee to your computer and use it in GitHub Desktop.
Get browser infomation for MixPamel (node)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Get browser infomation for MixPamel (node) | |
* | |
* Usage: | |
* var detectBrowser = require('./mixPanelDetectBrowser.js') | |
* mixpanel.track('some events', Object.assign({}, detectBrowser(theUserAgentYouGet), { | |
* // your properties | |
* })); | |
* | |
* @param userAgent | |
* @return {object} | |
*/ | |
const util = { | |
includes(str, needle) { | |
return str.indexOf(needle) !== -1; | |
}, | |
/** | |
* This function detects which browser is running this script. | |
* The order of the checks are important since many user agents | |
* include key words used in later checks. | |
*/ | |
browser(user_agent) { | |
const _ = this; | |
if (_.includes(user_agent, ' OPR/')) { | |
if (_.includes(user_agent, 'Mini')) { | |
return 'Opera Mini'; | |
} | |
return 'Opera'; | |
} else if (/(BlackBerry|PlayBook|BB10)/i.test(user_agent)) { | |
return 'BlackBerry'; | |
} else if (_.includes(user_agent, 'IEMobile') || _.includes(user_agent, 'WPDesktop')) { | |
return 'Internet Explorer Mobile'; | |
} else if (_.includes(user_agent, 'Edge')) { | |
return 'Microsoft Edge'; | |
} else if (_.includes(user_agent, 'FBIOS')) { | |
return 'Facebook Mobile'; | |
} else if (_.includes(user_agent, 'Chrome')) { | |
return 'Chrome'; | |
} else if (_.includes(user_agent, 'CriOS')) { | |
return 'Chrome iOS'; | |
} else if (_.includes(user_agent, 'UCWEB') || _.includes(user_agent, 'UCBrowser')) { | |
return 'UC Browser'; | |
} else if (_.includes(user_agent, 'FxiOS')) { | |
return 'Firefox iOS'; | |
} else if (_.includes(user_agent, 'Safari')) { | |
if (_.includes(user_agent, 'Mobile')) { | |
return 'Mobile Safari'; | |
} | |
return 'Safari'; | |
} else if (_.includes(user_agent, 'Android')) { | |
return 'Android Mobile'; | |
} else if (_.includes(user_agent, 'Konqueror')) { | |
return 'Konqueror'; | |
} else if (_.includes(user_agent, 'Firefox')) { | |
return 'Firefox'; | |
} else if (_.includes(user_agent, 'MSIE') || _.includes(user_agent, 'Trident/')) { | |
return 'Internet Explorer'; | |
} else if (_.includes(user_agent, 'Gecko')) { | |
return 'Mozilla'; | |
} else { | |
return ''; | |
} | |
}, | |
/** | |
* This function detects which browser version is running this script, | |
* parsing major and minor version (e.g., 42.1). User agent strings from: | |
* http://www.useragentstring.com/pages/useragentstring.php | |
*/ | |
browserVersion(userAgent) { | |
var browser = this.browser(userAgent); | |
var versionRegexs = { | |
'Internet Explorer Mobile': /rv:(\d+(\.\d+)?)/, | |
'Microsoft Edge': /Edge\/(\d+(\.\d+)?)/, | |
'Chrome': /Chrome\/(\d+(\.\d+)?)/, | |
'Chrome iOS': /CriOS\/(\d+(\.\d+)?)/, | |
'UC Browser': /(UCBrowser|UCWEB)\/(\d+(\.\d+)?)/, | |
'Safari': /Version\/(\d+(\.\d+)?)/, | |
'Mobile Safari': /Version\/(\d+(\.\d+)?)/, | |
'Opera': /(Opera|OPR)\/(\d+(\.\d+)?)/, | |
'Firefox': /Firefox\/(\d+(\.\d+)?)/, | |
'Firefox iOS': /FxiOS\/(\d+(\.\d+)?)/, | |
'Konqueror': /Konqueror:(\d+(\.\d+)?)/, | |
'BlackBerry': /BlackBerry (\d+(\.\d+)?)/, | |
'Android Mobile': /android\s(\d+(\.\d+)?)/, | |
'Internet Explorer': /(rv:|MSIE )(\d+(\.\d+)?)/, | |
'Mozilla': /rv:(\d+(\.\d+)?)/ | |
}; | |
var regex = versionRegexs[browser]; | |
if (regex === undefined) { | |
return null; | |
} | |
var matches = userAgent.match(regex); | |
if (!matches) { | |
return null; | |
} | |
return parseFloat(matches[matches.length - 2]); | |
}, | |
os(userAgent) { | |
var a = userAgent; | |
if (/Windows/i.test(a)) { | |
if (/Phone/.test(a) || /WPDesktop/.test(a)) { | |
return 'Windows Phone'; | |
} | |
return 'Windows'; | |
} else if (/(iPhone|iPad|iPod)/.test(a)) { | |
return 'iOS'; | |
} else if (/Android/.test(a)) { | |
return 'Android'; | |
} else if (/(BlackBerry|PlayBook|BB10)/i.test(a)) { | |
return 'BlackBerry'; | |
} else if (/Mac/i.test(a)) { | |
return 'Mac OS X'; | |
} else if (/Linux/.test(a)) { | |
return 'Linux'; | |
} else if (/CrOS/.test(a)) { | |
return 'Chrome OS'; | |
} else { | |
return ''; | |
} | |
}, | |
device: function(user_agent) { | |
if (/Windows Phone/i.test(user_agent) || /WPDesktop/.test(user_agent)) { | |
return 'Windows Phone'; | |
} else if (/iPad/.test(user_agent)) { | |
return 'iPad'; | |
} else if (/iPod/.test(user_agent)) { | |
return 'iPod Touch'; | |
} else if (/iPhone/.test(user_agent)) { | |
return 'iPhone'; | |
} else if (/(BlackBerry|PlayBook|BB10)/i.test(user_agent)) { | |
return 'BlackBerry'; | |
} else if (/Android/.test(user_agent)) { | |
return 'Android'; | |
} else if (/Macintosh/.test(user_agent)) { | |
return 'Mac'; | |
} else { | |
return ''; | |
} | |
}, | |
}; | |
/** | |
* 根据 UA 返回浏览器及版本等信息 | |
* | |
* @param userAgent | |
* @return {object} | |
*/ | |
module.exports = function detectBrowser(userAgent) { | |
return { | |
'$os': util.os(userAgent), | |
'$browser': util.browser(userAgent), | |
'$device': util.device(userAgent), | |
'$browser_version': util.browserVersion(userAgent), | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hello - I am using a Segment (a CDP) and sending directly to MP. Would I still be able to use this code?