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

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

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

详情查看：微软官方说明

解决办法

我们可以通过在前端部署JS检测，并且写入 cookie 的形式来传到后端 php 进行处理

JavaScript代码

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。