Как сделать номер телефона ссылкой на звонок на всех устройствах, кроме декстопа?

Question

[Kilster]

Есть номер телефона на сайте, который сделан ссылкой вида:

<a rel="nofollow" href="tel:[phone]">[phone]</a>

Вроде как все хорошо, но на декстопной версии сайта ссылка тоже кликается и пытается открыть в приложении.
Нужно сделать так, чтобы ссылка не работала на декстопной версии сайта.

Answer 1

[Николай Шабалин]

Я бы не советовал так делать, так как с десктопа тоже можно позвонить. Раньше я сам звонил с помощью скайпа и при клике по такой ссылке телефон пробрасывалс в скайп.

Связка imac - iphone сейчас прекрасно работает.

новое обновление windows 10, тоже начнёт связывать андроиды с виндой.

Answer 2

[lamer350]

Если уж так принципиально - вставляйте телефон без ссылки, просто [phone]
Телефоны сами подхватят его и обернут ссылкой. Главное не забудьте стили для a прописать, по сути телефон из [phone] переделает в конструкцию как вы написали в теме автоматом.

Answer 3

[hzzzzl]

поставить media query с нужным разрешением, и там внутри

a.nomer-telefona{
  pointer-events: none;
}

Comments

[archelon]

а если пользователь захочет выделить и скопировать?

[hzzzzl]

archelon, ну тогда поставить листенер на смену разрешения экрана и менять href с номера телефона на #, не знаю :D