根据用户是否在 ios 上显示/隐藏下载按钮答案

【问题标题】：show/hide a download button depending on if the user is on ios根据用户是否在 ios 上显示/隐藏下载按钮
【发布时间】：2011-12-12 19:00:24
【问题描述】：

我有这个看看用户是否在 ios

if (navigator.userAgent.match(/Mac OS X/i)) {

        }

但是我怎么能隐藏这个

<div style="text-align: center;"><a href="http://db.tt/b6ecH2Dh" id="down"><img src="img/download.gif"/></div>

如果不在 ios 设备上？

【问题讨论】：

【解决方案1】：

为DIV标签定义一个id：

<div id="someid" style="text-align: center;"><a href="http://db.tt/b6ecH2Dh" id="down"><img src="img/download.gif"/></div>

在 JS 中：

document.getElementById("someid").style.visibility = "hidden";

（已编辑，根据 ponited）

【讨论】：

【解决方案2】：

我不知道这背后的逻辑，但希望这对你有用 jquery：

$('div').parent('#down').css({'display':'none'});

希望这会奏效..

【讨论】：

对不起，这是一个很好的答案，但如果它不是 ios 设备，我希望它隐藏 div 抱歉
据我所知，如果不是 ios 设备，您想隐藏 div，然后添加“else”，并在其他您合适的 javascript 或 jquery 代码中添加 .. 抱歉，但我让您感到困惑想要..
@lewisdenny 如果这个答案对你有帮助，那么你应该 1.接受它，2.upvote 它。

【解决方案3】：

将 css 属性 display 设置为 none

document.getElementById("someid").style.display = "none"

它比 visibility 属性更有效，因为它完全从渲染中移除元素，而 visibility 只是让它透明，但元素仍然占用页面上的空间

如果您使用的是 jquery，那就更简单了：

$('#someid').hide()
// or
$('#someid').css({'display': 'none'})

加上 jquery，你可以将它包装在 onload hook 中非常简单：

$(document).ready(function(){
  if(!/ios check here/) {
    $('#someid').hide()
  }
})

【讨论】：

【解决方案4】：

如果你想完全隐藏，试试这个：

<?php if(!preg_match("/(Mac OS X)/i",$_SERVER['HTTP_USER_AGENT'])){ ?>
        <div>Content to hide from Mac OS X users</div>
<?php } ?>

【讨论】：

【解决方案5】：

或者使用这个：

有了这个，您可以例如添加特殊类来标记并将其用于其他 porpuses。

【讨论】：