How to use Javascript detect browser type

The window.navigator object contains information about the visitor’s browser and the Navigator interface represents the state and the identity of the user agent. We can use a navigator to query it and to register themselves to carry on some activities.

Example of Javascript detect browser

Let create an HTML file to demonstrate how we can use detect browser type using Javascript code.

Javascript detect browser
Javascript detect browser type
<!DOCTYPE html>
<html>

<head>
    <script>
        function detectBrowser() {
            if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
                alert("Chrome");
            } else if (navigator.userAgent.toLowerCase().indexOf('edg') > -1) {
                alert("Edge");
            } else if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
                alert('Firefox');
            } else if (navigator.userAgent.toLowerCase().indexOf('safari') > -1) {
                alert('Safari');
            } else if ((navigator.userAgent.indexOf('opera') || navigator.userAgent.indexOf('OPR')) != -1) {
                alert('Opera');
            } else if (navigator.userAgent.indexOf("MSIE") != -1) {
                alert('IE');
            } else {
                alert('none');
            }
        }


    </script>
</head>

<body>
    <h2>Javascript Detect mobile and desktop device</h2>

    <button type="button" onclick="detectBrowser()">Detect Browser</button>
</body>

</html>

Javascript code to determine chrome version

function getChromeVersion () {     
    var raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
    return raw ? parseInt(raw[2], 10) : false;
}
alert(getChromeVersion ());

Related posts

Spread the love

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top