skip to content
声控烤箱 | KazooTTT 博客

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

Updated:

摘要(由llm生成)

b 站投稿页右上角有一个下载投稿工具的按钮,但当点开这个按钮时,发现是.exe文件,目前我的电脑使用的是macos系统。

看到 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?

感谢阅读到这里,期待收到更多的反馈
欢迎关注公众号
kazoottt
公众号二维码