相信大家应该都发现了,在升级了 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。