How to detect operating system on the client machine using JavaScript ?

To detect the operating system on the client machine, one can simply use navigator.appVersion or navigator.userAgent property.
The Navigator appVersion property is a read-only property and it returns a string which represents the version information of the browser.

Syntax

navigator.appVersion

Example 1: This example uses navigator.appVersion property to display the operating system name.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>
        How to detect operating system on the
        client machine using JavaScript ?
    </title>
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;">GeeksforGeeks</h1> 
  
    <button ondblclick="operatingSytem()"> 
        Return Operating System Name 
    </button> 
  
    <p id="OS"></p> 
      
    <!-- Script to display the OS name -->
    <script> 
        function operatingSytem() { 
            var OSName="Unknown OS";
            if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
            if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
            if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
            if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
              
            // Display the OS name
            document.getElementById("OS").innerHTML = OSName;
        } 
    </script> 
  
</body> 
  
</html>

chevron_right






                        filter_none








Output:


    

  • Before Click on the Button:
    

    • 

  • After Click on the Button:
    

    • 



Example 2: This example uses navigator.appVersion property to display all the properties of the client machine.











                                    filter_none




                                    edit

                                    close




                                    play_arrow




                                    link

                                    brightness_4

                                    code
                                




















<!DOCTYPE html>  


<html>  


  


<head>  


    <title> 


        How to detect operating system on the 


        client machine using JavaScript ? 


    </title> 


</head>  


  


<body style="text-align:center;">  


  


    <h1 style="color:green;">GeeksforGeeks</h1> 


  


    <button ondblclick="version()">  


        Return OS Version  


    </button>  


  


    <p id="OS"></p>  


      


    <!-- Script to return OS details -->


    <script>  


        function version() {  


            var os = navigator.appVersion;  


              


            // Display the OS details 


            document.getElementById("OS").innerHTML = os;  


        }  


    </script>  


</body>  


  


</html>                  



















                        chevron_right







                        filter_none








Output:


    

  • Before Click on the Button:
    

    • 

  • After Click on the Button:
    

    • 



full-stack-img





    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
Abhishek7
Check out this Author's contributed articles.
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.