时间戳

首页 > 解决方案 > 我想在 android 手机上隐藏元素并在 iOS 上显示它

javascript - 我想在 android 手机上隐藏元素并在 iOS 上显示它

问题描述

我想在 android 上显示一些内容，并在 iOS 上隐藏它。当然，反过来也一样。

我使用此代码，但无法使其工作:(

<script type="text/javascript">
var OSName="Unknown OS";
if (navigator.platform.indexOf("Win")!=-1) OSName="Windows";
if (navigator.platform.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.platform.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.platform.indexOf("Linux")!=-1) OSName="Linux";
if (navigator.platform.indexOf("iPhone")!=-1) OSName="iOS";
if (navigator.platform.indexOf("Android")!=-1) OSName="Android";

document.write('Your OS: '+OSName);

if (OSName === 'Linux'){
    document.querySelector('.ios').innerHTML.style.display = 'none';
}
</script>

标签： javascriptandroidioshideuser-agent

解决方案

使用navigator.appVersion.indexOf而不是navigator.platform.indexOf，此答案中解释的完整详细信息：Show or Hide Div based on OS

推荐阅读