网页端判断是什么系统，从而显示不同的组件。

看到 b 站投稿页的右上角有一个下载投稿工具的按钮。

点了之后发现是.exe 文件，而我的电脑是 macos 的系统。所以这次的下载算是无效操作。

体验要做的更好一点的话，应该根据系统来显示不同的组件。（在这里如果不是 windows，就不要显示 exe 相关的文件夹下载）

function getOperatingSystem() {
  const userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if (/windows/i.test(userAgent)) {
    return "Windows";
  } else if (/macintosh|mac os x/i.test(userAgent)) {
    return "macOS";
  } else if (/linux/i.test(userAgent)) {
    return "Linux";
  } else if (/android/i.test(userAgent)) {
    return "Android";
  } else if (/iphone|ipad|/i.test(userAgent)) {
    return "iOS";
  } else {
    return "Unknown";
  }
}

userAgent 的例子：

‘Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36’

参考

User-Agent - HTTP | MDN

What are the latest user agents for popular web browsers?

摘要（由ai生成）

参考