JavaScript 检测用户的操作系统

JavaScript 检测用户的操作系统

任务是使用JavaScript检测用户的操作系统,我们将讨论几种技术。

方法:

  • 访问 navigator.appVersion 或 navigator.userAgent 属性。
  • 使用 indexOf() 方法获取操作系统的索引。
  • 如果索引不等于-1,则表示这就是我们要找的操作系统。

示例1: 在这个示例中,使用 navigator.appVersion属性 来获取操作系统。

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        JavaScript  
      | Detecting the Operating System of User. 
    </title> 
</head> 
  
<body style="text-align:center;" id="body"> 
    <h1 style="color:green;">   
            GeeksForGeeks 
        </h1> 
    <p id="GFG_UP"
       style="font-size: 19px;  
              font-weight: bold;"> 
    </p> 
    <button onclick="GFG_Fun()"> 
        click here 
    </button> 
    <p id="GFG_DOWN" 
       style="color: green;  
              font-size: 24px;  
              font-weight: bold;"> 
    </p> 
    <script> 
        HTMLDocument.prototype.e = document.getElementById; 
        var el_up = document.e("GFG_UP"); 
        var el_down = document.e("GFG_DOWN"); 
        el_up.innerHTML = "Click on the button to get the OS of User's System."; 
        var Name = "Not known"; 
        if (navigator.appVersion.indexOf("Win") != -1) Name =  
          "Windows OS"; 
        if (navigator.appVersion.indexOf("Mac") != -1) Name =  
          "MacOS"; 
        if (navigator.appVersion.indexOf("X11") != -1) Name =  
          "UNIX OS"; 
        if (navigator.appVersion.indexOf("Linux") != -1) Name =  
          "Linux OS"; 
  
        function GFG_Fun() { 
            el_down.innerHTML = Name; 
        } 
    </script> 
</body> 
  
</html> 
HTML

输出:

  • 点击按钮之前:

JavaScript 检测用户的操作系统

  • 点击按钮之后:

JavaScript 检测用户的操作系统

示例2: 在这个示例中, navigator.userAgent属性 用来获取操作系统。

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        JavaScript  
      | Detecting the Operating System of User. 
    </title> 
</head> 
  
<body style="text-align:center;" id="body"> 
    <h1 style="color:green;">   
            GeeksForGeeks 
        </h1> 
    <p id="GFG_UP" 
       style="font-size: 19px; 
              font-weight: bold;"> 
    </p> 
    <button onclick="GFG_Fun()"> 
        click here 
    </button> 
    <p id="GFG_DOWN" 
       style="color: green; 
              font-size: 24px; 
              font-weight: bold;"> 
    </p> 
    <script> 
        var el_up = document.getElementById("GFG_UP"); 
        var el_down = document.getElementById("GFG_DOWN"); 
        el_up.innerHTML = "Click on the button to get the OS of User's System."; 
        var Name = "Unknown OS"; 
        if (navigator.userAgent.indexOf("Win") != -1) Name =  
          "Windows OS"; 
        if (navigator.userAgent.indexOf("Mac") != -1) Name =  
          "Macintosh"; 
        if (navigator.userAgent.indexOf("Linux") != -1) Name =  
          "Linux OS"; 
        if (navigator.userAgent.indexOf("Android") != -1) Name =  
          "Android OS"; 
        if (navigator.userAgent.indexOf("like Mac") != -1) Name =  
          "iOS"; 
  
        function GFG_Fun() { 
            el_down.innerHTML = Name; 
        } 
    </script> 
</body> 
  
</html> 
HTML

输出:

  • 在点击按钮之前:

JavaScript 检测用户的操作系统

  • 在点击按钮之后:

JavaScript 检测用户的操作系统

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册