Skip to content

Instantly share code, notes, and snippets.

@kresnasatya
Last active May 27, 2024 20:54
Show Gist options
  • Save kresnasatya/c53c47ca74eb569ab85d226371b35a45 to your computer and use it in GitHub Desktop.
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)
// 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