Yogesh Chauhan's Blog

JavaScript: how to detect a browser using the user agent?

in JavaScript on July 27, 2021

Similar Post

How to detect if browser supports WebP format on server side PHP script?

A bad idea?

If you’re planning to server your users different pages based on their browser choices then yes, it’s a bad idea.

Keep your content same for all of your users no matter their browser choices.

If the browser doesn’t support some features then that’s a different story. But please don’t discriminate your users. There is already enough discrimination in the world already!

When it’s a good idea?

Different browsers have different standards even if they are using the same engine.

Let’s talk about a real life example. When you have an app that relies on the browser standards to render the page and to apply the style. Now, you want to create a PDF from that html rendered page and you’re using a third party library to create the PDF.

Let’s say Mozilla Firefox applies the height differently than Google Chrome and the PDF generated by both browsers are completely different. Now, if you detect the browser and apply a specific height for Mozilla Firefox, it solves the issue.

The example is simple and sometimes you have a bigger problems than that and to solve those, you might need to detect the browser and adjust your scripts.

You’re not changing the contents but changing your code in order to represent the contents consistently across the browsers.


The Navigator.userAgent property returns the user agent string for the browser the user is on to access your app.

We can make use of Navigator.userAgent to make a JavaScript function and detect the browser.

Take a look at more info on Navigator.userAgent


Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 How to add Read More Read Less Button using JavaScript? #3 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #4 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #5 How to uninstall Cocoapods from the Mac OS? #6 PHP Login System using PDO Part 1: Create User Registration Page

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
Conditional operator in JavaScript (aka ternary operator)JavaScriptAmpersand (Parent Selector) in SCSS (Sass)SCSSAn Introduction to wp-config file in WordPressWordPress@forward modules with a prefix in SCSS (Sass)SCSSAn Example of Cross-site Scripting (XSS) Attack in PHP and How to Avoid It?PHPFor In Loop in Swift for BeginnersSwift