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

【问题标题】：I want to hide element on android phone and show it on iOS我想在 android 手机上隐藏元素并在 iOS 上显示它
【发布时间】：2020-12-21 11:04:12
【问题描述】：

我想在 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>

【问题讨论】：

您可能希望将脚本放在
之后。因为脚本将在 div 初始化之前运行。使用 jQuery OnReady 也有帮助。

标签： javascript android ios hide user-agent

【解决方案1】：

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

【讨论】：

我试过这个。它的工作原理是，如果在 android 设备上，我可以发出警报说 android。但它似乎无法隐藏该部分。
在页面末尾添加脚本并删除 querySelector 之后的“innerHTML”。

【解决方案2】：

这个脚本似乎工作:) 我们所做的是将类指定给它的 div。不知何故，班级自己没有这样做。

如果有人具有出色的编码技能，可以制作这个插件，那将需要我的钱！但！请给插件起个很棒的名字。

<script>
let ios = document.querySelector('div.fusion-flex-container.ios');
let android = document.querySelector('div.fusion-flex-container.android');
let 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);

console.log(OSName);
if (OSName == "Windows") {
   ios.style.display = "none";
   console.log('windows');

} if (OSName == "Linux") {
   ios.style.display = "none";
    console.log('Linux');

} if (OSName == "MacOS") {
   android.style.display = "none";
    console.log('MasOS');


};
</script>

【讨论】：