Как определить пользователя с мобильного на сайте?

Question

[Programmir]

Допустим, есть кнопка "позвонить". Если пользователь с мобильного устройства заходит на сайт, то срабатывает ссылка с tel. А если пользователь не может позвонить с устройства, то всплывает окошко. Как определить, что пользователь может с устройства позвонить или нет?

Comments

[Александр]

Пользователь с ПК также может позвонить через voip приложение (Skype, Telphin и т.д)

[Lynn «Кофеман»]

А если я с телефона без симкарты?

[bask]

Определяется это по UserAgent

Answer 1

[sloupok123]

Я использую такой метод определения.

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()
                );
    }
};

вызываем в нужном месте isMobile.any() и если вернуло true, то человек пришел с мобильного устройства

Answer 2

[antoo]

Если очень грубо, то так:

<div class="desktop">
  <a href="#" onclick="showCallPopup();">[phone]</a>
</div>
<div class="mobile">
  <a href="tel:[phone]">[phone]</a>
</div>

С помощью JS определяете используется десктоп или телефон и скрываете один из div'oв.

Comments

[Programmir]

Вот как я раз и интересуюсь, как можно с помощью JS определить.

Answer 3

[Anubis]

1) https://www.npmjs.com/package/mobile-detect

2)

import MobileDetect from 'mobile-detect';

const md = new MobileDetect(window.navigator.userAgent);

const isMobile = md.mobile() != null;

3) Имея под рукой значение isMobile, управляете дальнейшей логикой. Например, как в варианте от antoo