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 Run JavaScript on Mac Terminal
- Get Current time in GMT/UTC using JavaScript
- How to yarn reinstall all Packages
- [javaScript] Convert text case to lowercase
- Get Device Screen Width and Height using javaScript
- Fix - npm start: sh: index.js: command not found
- npm WARN saveError ENOENT: no such file or directory, open /mnt/c/package.json
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP
- JavaScript: Convert an Image into Base64 String
- JavaScript : Get current page address
- How to get query string in JavaScript HTML location.search
- Create React App using npm command with TypeScript
- JavaScript: Count Words in a String
- Add Animated Scrolling to Html Page Title Script
- How to send email from JavaScript HTML using mailto
- Javascript convert text case from uppercase to lowercase
- Submit html form on dropdown menu value selection or change using javascript
- Send Extra Data with Ajax Get or Post Request
- Fix: SyntaxError: The requested module does not provide an export named default
- Examples: Convert String to int in JavaScript
- 10 ways to Convert String to a Number in JavaScript
- Excel Fix: SECURITY RISK Microsoft has blocked macros from running because the source of this file is untrusted.
- Fix: ReferenceError: require is not defined in ES module scope [Node]
- [JavaScript] Remove all Newlines From String
- How to detect Browser and Operating System Name and Version using JavaScript
More Posts:
- SharePoint installation error - Setup is unable to proceed due to the following error This product requires Microsoft .Net Framework 4.5 - SharePoint
- [Fix] reCAPTCHA not working in Web Browser - Google
- Convert Java Object to JSON using Jackson Library - Java
- Fix Microsoft Teams Error code - 107 - Teams
- [Fix] Microsoft Teams No Network Connection Please check your network settings and try again. [2603] - Teams
- How to revert a single file from Git Repo - Git
- How to stop MongoDB Server running on Ubuntu - Ubuntu
- Can we move apps like WhatsApp, Facebook to external MicroSD card - WhatsApp