网页端判断是什么系统,从而显示不同的组件。
Updated:
摘要(由llm生成)
b 站投稿页右上角有一个下载投稿工具的按钮,但当点开这个按钮时,发现是.exe文件,目前我的电脑使用的是macos系统。
看到 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’
参考
感谢阅读到这里,期待收到更多的反馈
欢迎关注公众号
kazoottt
