@4066495

Как запретить отображения функции на мобильных устройствах?

Суть вопроса : Установили на сайт виджет обратной связи от copiny.com
Сейчас виджет отображается на сайте и на мобильных устройствах , Сайт на вордпресс https://incleanroom.ru
А нам нужно что бы отображался виджет с боку только на сайте , а на мобильных устройствах не отображался
Тех поддержка сказала Цитирую " Но это же Javascript. Вы можете написать или взять откуда-то код определения, что пользователь использует мобильный и соответственно не вызывать эту функцию "

Вот код виджите :
<script type="text/javascript" charset="utf-8">
var proto = (document.location.protocol=='https:')?'https:':'http:';
var host = proto+'//widget.copiny.com';
document.write(unescape("%3Cscript src='" + host + "/static/js/newwidget.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" charset="utf-8">
    var copinyWidgetOptions = {
        position: 'left',
        color: '#1ba05c',
        border: '#ffffff',
        round: '0',
        title: "\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438",
        cache: "bf3b0dc169b4c5c175567223c5b2f69c\/bf3b0dc169b4c5c175567223c5b2f69c\/ejOwVXUxUHU0BJFOrkgkUMRQ1cISzDYFsyEiRmARCOmqDabckLSZIJEQbQZgthmYdASTFmqGtjmpaSUA",
        positionMobile :'right',
        colorMobile :'#1ba05c',
        textMobile :"",
        type: 'question',
        community:13199
};
initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();
</script>

initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();

По словом техподдержки
вот эта страка отображает виджит на сайте CopinyNewWidget.showTab();

Мы не хотим , что бы на мобильных устройствах отображался вижит , но хотим оставить его на сайте для отображения на компьютерах у пользователей . Помогите пожалуйста помочь с этим вопросом
  • Вопрос задан
  • 300 просмотров
Решения вопроса 1
@mukoladerevlo
веб-разработка, электроника
например так
function detectmob() { 
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}

if(!detectmob()){
//showtab widget
initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@M-ka
frontend присматривающийся к ror
Да да, поискать список детектов, что девайс мобильный и не париться. На крайний случай, самым простым решением, пойти по ширине... мобилки хотя и имеют там 1980+px ширины, но фактически выходит 320+ <998. Так попадет под кат все моб девайсы + сресайзенные окна (а еще можно и на перересайз добавить проверку на просчет для принятия решения, а еще можно это все сделать на стороне сервера и вообще не давать грузить излишний скрипт).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
17 апр. 2024, в 00:31
1000 руб./за проект
17 апр. 2024, в 00:13
800 руб./за проект
17 апр. 2024, в 00:06
240000 руб./за проект