我想在安卓手机上隐藏元素，并在iOS上显示

Question

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

Answer 1

这个脚本似乎可以工作：(我们所做的是将类指定为其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>

Answer 2

使用navigator.appVersion.indexOf而不是navigator.platform.indexOf，完整的细节在这个答案中解释：基于操作系统显示或隐藏div