There are times when you need to know what browser and operating system the user is using so as to display CSS and javaScript code correctly. There are many javascript libraries that are available that lets you detect them, one of such library are detect.js released under MIT License.
detect.js file uses navigator.userAgent to detect the browser details and navigator.platform to detect operating system details.
Browsers Supported :Internet Explorer 6, 7, 8, 9,10+ Mobile
Firefox 3.6, 4, 5, 6, 7+ Mobile
Safari 3, 4, 5+ Mobile
Opera 9, 10, 11+ Mini, Mobile
Chrome, Mobile
This script is able to detect the following Operating systems :
Mac OS X
Windows
Linux
Android
iOS
Example :
<html>
<head>
<title>Detect Browser and OS details </title>
<body>
<script src="detect.js">
document.write("Browser : " + window.ui.browser);
document.write("<br/>");
document.write("Browser version : " + window.ui.version);
document.write("<br/>");
document.write("Operating System : " + window.ui.os);
document.write("<br/>");
document.write("Operating System version : " + window.ui.osversion);
document.write("<br/>");
</script>
</body>
</html>
Output Example:
Browser : Chrome
Browser version : 83.0.4103.97
Operating System : Windows
Operating System version: undefined
More Posts related to JavaScript,
- How to get UTC (GMT) time using JavaScript
- Submit html form on dropdown menu value selection or change using javascript
- How to detect Browser and Operating System Name and Version using JavaScript
- JavaScript : Get current page address
- [javaScript] Convert text case to lowercase
- How to check if a String contains substring or a word using javaScript
- Writing your first Hello, World! 🌍 JavaScript code Tutorial
- JavaScript: Check if variable is a number
- How to send email from JavaScript HTML using mailto
- Meaning of javascript:void(0) explained with example
- How to get query string in JavaScript HTML location.search
- Javascript convert text case from uppercase to lowercase
- Loading previous page using html button using JavaScript
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- How to get current URL Location using Javascript HTML
- Detect if Cookies are enabled using JavaScript
- Write javaScript code in Swedish using FikaScript
- Add Animated Scrolling to Html Page Title Script
- JavaScript: Convert an Image into Base64 String
- Remove items from JavaScript array
- Send Extra Data with Ajax Get or Post Request
- How to Print from JavaScript HTML using window.print
- Get Device Screen Width and Height using javaScript
- Examples: Convert String to int in JavaScript
- npm WARN saveError ENOENT: no such file or directory, open /mnt/c/package.json
More Posts:
- java.lang.NoClassDefFoundError android.support.v4.content.LocalBroadcastManager - Android
- JavaScript : Get current page address - JavaScript
- VS Code Remove Unused Imports Keyboard Shortcut - HowTos
- Git Config Command - A Deep Dive - Git
- How to Close Safari in Mac using Keyboard shortcut - MacOS
- Fix Microsoft Teams Admin Center error - The Security zone setting isn't configured correctly - Teams
- How to List the SHA Digest of Docker Images - Docker
- [fix] fatal: this operation must be run in a work tree in git - Git