JavaScript 浏览器端信息获取

短命女 2022-12-27 04:41 157阅读 0赞

function getBrowserInfo() { 
      let info = { 
        "系统 navigator.platform": navigator.platform, 
        "语言 navigator.language": navigator.language, 
        "内存 navigator.deviceMemory": navigator.deviceMemory, 
        "并发数 navigator.hardwareConcurrency": navigator.hardwareConcurrency, 
        "浏览器 navigator.userAgent": navigator.userAgent, 
        "屏幕分辨率 screen.height * screen.width": [screen.height, screen.width],  
        "屏幕可用宽高 screen.availHeight * screen.availWidth": [screen.availHeight, screen.availWidth],  
      };
      return info;
    }
    console.log(JSON.stringify(getBrowserInfo(), null, " "));

## 实测 ##

以下是4种浏览器(Chrome, Firefox, Edge, IE)中的运行结果：

*  Chrome

"系统 navigator.platform": "Win32",
      "语言 navigator.language": "zh-CN",
      "内存 navigator.deviceMemory": 8,
      "并发数 navigator.hardwareConcurrency": 4,
      "浏览器 navigator.userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36",
      "屏幕分辨率 screen.height * screen.width": [
        768,
        1366
      ],
      "屏幕可用宽高 screen.availHeight * screen.availWidth": [
        738,
        1366
      ]
    }

*  Firefox

{ 
      "系统 navigator.platform": "Win32",
      "语言 navigator.language": "en-US",
      "并发数 navigator.hardwareConcurrency": 4,
      "浏览器 navigator.userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:83.0) Gecko/20100101 Firefox/83.0",
      "屏幕分辨率 screen.height * screen.width": [
        768,
        1366
      ],
      "屏幕可用宽高 screen.availHeight * screen.availWidth": [
        768,
        1366
      ]
    }

*  Edge

{ 
      "系统 navigator.platform": "Win32",
      "语言 navigator.language": "zh-CN",
      "内存 navigator.deviceMemory": 8,
      "并发数 navigator.hardwareConcurrency": 4,
      "浏览器 navigator.userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.67 Safari/537.36 Edg/87.0.664.55",
      "屏幕分辨率 screen.height * screen.width": [
        768,
        1366
      ],
      "屏幕可用宽高 screen.availHeight * screen.availWidth": [
        738,
        1366
      ]
    }

*  IE

{ 
      "系统 navigator.platform": "Win32",
      "语言 navigator.language": "zh-CN",
      "浏览器 navigator.userAgent": "Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; Tablet PC 2.0; rv:11.0) like Gecko",
      "屏幕分辨率 screen.height * screen.width": [
        768,
        1366
      ],
      "屏幕可用宽高 screen.availHeight * screen.availWidth": [
        738,
        1366
      ]
    }

*  navigator.userAgent 对比

- Chrome   Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36
    
    - Firefox  Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:83.0) Gecko/20100101 Firefox/83.0
    
    - Edge     Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.67 Safari/537.36 Edg/87.0.664.47
    
    - IE       Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; Tablet PC 2.0; rv:11.0) like Gecko