我正在寻找一种方法来检测下载页面的操作系统,使用 jQuery 或 Javascript 为 Mac 和 Windows 推荐特定文件。我希望在不向我的页面添加另一个插件的情况下做到这一点。
jQuery/Javascript 在没有插件的情况下检测操作系统?
IT技术
javascript
jquery
operating-system
2021-03-01 09:06:36
6个回答
尝试:
var os = navigator.platform;
然后根据您的结果相应地处理 os 变量。
您还可以遍历对象的每个对象,navigator
以帮助您更熟悉这些对象:
<script type="text/javascript">
for(var i in navigator){
console.log(i+"="+navigator[i]+'<br>');
}
</script>
纯 JavaScript 可能就是您所需要的。
var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
document.write('Your OS: '+OSName);
正如尼克建议你也可以使用navigator.platform
。
据我所知,这platform
是导航器对象上较少被欺骗的属性。您可以使用它来获取布尔值。
var isMac = navigator.platform.toUpperCase().indexOf('MAC')!==-1;
var isWindows = navigator.platform.toUpperCase().indexOf('WIN')!==-1;
var isLinux = navigator.platform.toUpperCase().indexOf('LINUX')!==-1;
如果您需要区分旧的 PowerPc 和新的 Intel 之间的 Mac。
var isMacPpc=navigator.platform==="MacPPC";
var isMacIntel=navigator.platform==="MacIntel";
https://developer.mozilla.org/en/DOM/window.navigator.platform
尝试:
alert(navigator.appVersion);
这应该为您提供一个可以为操作系统解析的字符串。
<script>
osName = 'Unknown';
function nav(x, y, z) {
z = z || y;
if (navigator[x] && navigator[x].indexOf(y) !== -1) {
osName = z;
}
}
/* navigator value download */
nav( "appVersion", "X11", "UNIX" );
nav( "appVersion", "Mac", "MacOS" );
nav( "appVersion", "Linux" );
nav( "userAgent", "Linux" );
nav( "platform", "Linux" );
nav( "appVersion", "Win", "Windows" );
nav( "userAgent", "Windows" );
nav( "platform", "Win", "Windows" );
nav( "oscpu", "Windows" );
document.getElementById("download"+osName).className = "knownOS";
</script>
确保容易找到正确的下载链接,但不隐藏其他操作系统链接。人们可能仍然想要那些。
<style>
#downloadUNIX, #downloadMacOS, #downloadLinux, #downloadWindows {
color:#6D94F2;
line-height:35px;
margin:24px 0 24px 0;
padding:10px;
}
.knownOS {
background-color:#F7ECAD !important;
border:2px solid #E8913A;
color:#133CC4 !important;
font-weight:bold;
}
</style>
还有一些 html
<ul>
<li><a id="downloadUNIX" href="unix Link Here" >Download Napster-9000 for UNIX</a></li>
<li><a id="downloadWindows" href="windows Link Here">Download Napster-9000 for Windows</a></li>
<li><a id="downloadMacOS" href="mac os link here" >Download Napster-9000 for OS X</a></li>
<li><a id="downloadLinux" href="linux Link Here" >Download Napster-9000 for Linux</a></li>
</ul>
现在,用户可以根据需要禁用或阻止 javascripts。链接仍然存在,而不是使用 Javascript 编写链接,后者需要 javascript 才能工作。
这是一个小提琴
其它你可能感兴趣的问题