如何在移动设备上隐藏脚本

时间:2015-08-29 01:40:19

标签: html mobile

我刚推出了我的网站的移动版本,我很难在移动版hide-for-small上隐藏实时聊天脚本。这是我不希望在移动版上显示的代码:

<script src="http://www.smartreachdigitalchat.com/scripts/invitation.ashx?company=?????"></script>

我不想在手机上显示所有我想写的东西:

<div class="small hide-for-small"><script src="http://www.smartreachdigitalchat.com/scripts/invitation.ashx?company=?????"></script></div>

...它会隐藏在移动设备上,只能在桌面计算机上显示,但在这里它不起作用;它似乎隐藏在桌面和移动设备中。

如何才能使脚本仅在台式计算机上执行?

1 个答案:

答案 0 :(得分:1)

尝试这样的事情:

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    //Do something for mobile
    alert("MOBILE");
}else{
    var script = document.createElement('script');
    script.src = "http://www.smartreachdigitalchat.com/scripts/invitation/apexchat.js?company=2051";
    document.write(script.outerHTML);
}
</script>

它将在计算机上显示实时聊天并隐藏在移动设备上:

show on computer

hide on mobile device