Last active
May 27, 2024 20:54
-
-
Save kresnasatya/c53c47ca74eb569ab85d226371b35a45 to your computer and use it in GitHub Desktop.
How to detect browser and it's version using UA-Parser (User Agent Parser)
This file contains hidden or 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
// First, put UA-Parser-JS CDN | |
<script src="https://cdn.jsdelivr.net/npm/ua-parser-js@0/dist/ua-parser.min.js"></script> | |
<script> | |
// Second, instantiate UAParser | |
const parser = new UAParser(); | |
const parserResult = parser.getResult(); | |
const browserName = parserResult.browser.name; | |
const browserVersion = parseInt(parserResult.browser.version.split('.')[0], 10); | |
let STANDARD_VERSION; | |
console.log(parserResult); | |
console.log(browserName); | |
console.log(browserVersion); | |
// Third, control browser and it's version | |
switch (browserName) { | |
case "Firefox": | |
STANDARD_VERSION = 65; | |
if (browserVersion < STANDARD_VERSION) { | |
alert(`Silahkan gunakan ${browserName} versi ${STANDARD_VERSION} untuk dapat menggunakan sistem ini secara optimal`); | |
window.open("https://www.mozilla.org/en-US/firefox/new/", "_blank"); | |
} | |
break; | |
case "Chrome": | |
STANDARD_VERSION = 72; | |
if (browserVersion < STANDARD_VERSION) { | |
alert(`Silahkan gunakan ${browserName} versi ${STANDARD_VERSION} untuk dapat menggunakan sistem ini secara optimal`); | |
window.open("https://www.google.com/chrome/", "_blank"); | |
} | |
break; | |
case "Opera": | |
STANDARD_VERSION = 58; | |
if (browserVersion < STANDARD_VERSION) { | |
alert(`Silahkan gunakan ${browserName} versi ${STANDARD_VERSION} untuk dapat menggunakan sistem ini secara optimal`); | |
window.open("https://www.opera.com/download", "_blank"); | |
} | |
break; | |
case "Edge": | |
STANDARD_VERSION = 18; | |
if (browserVersion < STANDARD_VERSION) { | |
alert(`Silahkan gunakan ${browserName} versi ${STANDARD_VERSION} untuk menggunakan sistem ini secara optimal`); | |
window.open("https://www.bing.com/search?q=download+microsoft+edge", "_blank"); | |
} | |
break; | |
case "Safari": | |
STANDARD_VERSION = 12; | |
if (browserVersion < STANDARD_VERSION) { | |
alert(`Silahkan gunakan ${browserName} versi ${STANDARD_VERSION} untuk menggunakan sistem ini secara optimal`); | |
window.open("https://www.apple.com/id/safari/", "_blank") | |
} | |
break; | |
default: | |
alert("Silahkan gunakan Chrome, Firefox, Opera, Edge dan Safari untuk menggunakan sistem ini secara optimal"); | |
break; | |
} | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment