相信大家应该都发现了,在升级了 Windows11 系统之后,若某些网站有判断系统版本并且显示的话,会依旧显示使用的是 Windows10 系统,那这是怎么回事呢?

造成这个问题的原因,主要是以往在开发这种判断算法的时候,大多数开发者都会使用判断 User-Agent 的形式来进行系统版本判断,但是升级了 Windows11 之后,系统浏览器的 User-Agent 依旧还是 Windows10 的 User-Agent,以下是微软官方给出的说明:

User-Agent字符串不会进行更新以区分Windows 11和Windows 10。 我们不建议使用User-Agent字符串来检索用户代理数据。 不支持客户端提示User-Agent将无法区分用户和Windows 11 Windows 10。

解决办法

那么现在该怎么准确判断访问用户的系统版本呢?其实微软在这方面给出了一个解决办法,详细可以参考《使用用户代理客户端提示检测 Windows 11》,我们这里就简单给出一下解决办法。

我们可以通过在前端部署JS检测,并且写入 cookie 的形式来传到后端 php 进行处理,具体代码如下。

JS 代码

navigator.userAgentData.getHighEntropyValues(["platformVersion"])
 .then(ua => {
   if (navigator.userAgentData.platform === "Windows") {
     const majorPlatformVersion = parseInt(ua.platformVersion.split('.')[0]);
     if (majorPlatformVersion >= 13) { // 这里大于 13 就是 Win11
       document.cookie = "win11=true;path=/";
      }
   }
 });

PHP 代码

<?php
if(isset($_COOKIE['win11'])) { // 如果设置了 win11 的 cookie,就知道用户是 win11 的系统了
$win11 = true;
}
?>

注意

需要注意的是,目前这个方法貌似只适用于 使用https 的网站,因为 navigator.userAgentData 目前只在 https 网站上运行,若是在 http 网站上运行,会直接传回 undefined