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

image.png

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

image.png

体验要做的更好一点的话,应该根据系统来显示不同的组件。(在这里如果不是 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?