Question

我的网站上有一个聊天小部件，可以在手机上占据整个屏幕。

如何在特定宽度（或移动电话）的设备上禁用聊天设备？

<script type="text/javascript">
    var _glc = _glc || [];
    _glc.push('all_agddsffsd');
    var glcpath = (('https:' == document.location.protocol) ? 'https://my.clickdesk.com/clickdesk-ui/browser/'
            : 'http://my.clickdesk.com/clickdesk-ui/browser/');
    var glcp = (('https:' == document.location.protocol) ? 'https://'
            : 'http://');
    var glcspt = document.createElement('script');
    glcspt.type = 'text/javascript';
    glcspt.async = true;
    glcspt.src = glcpath + 'livechat-new.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(glcspt, s);
</script>

Answer 1

我可能倾向于限制窗口大小而不是设备。

function detectmob() {
   if(window.innerWidth <= 800 && window.innerHeight <= 600) {
     return true;
   } else {
     return false;
   }
}

然后

if(!detectmob()){
    //YOUR CHAT CODE
}

Answer 2

之前我已经使用过这段代码而且效果很好：

 var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};
    if(!isMobile.any()) {
    /* Your Code to disable in mobile here */
    }

在移动网站上停用javascript

2 个答案: