Android/iphone нажмите, чтобы позвонить в html

Я создаю один мобильный сайт HTML для устройства Android и ios. Я знаю, что нужно позвонить для обоих.

Android

<a href="tel:2125551212">2125551212</a>

Иос

<a href="callto:2821229627-7877">Live Support</a>

Теперь, моя проблема в том, что у меня есть одна веб-страница с кликом, чтобы позвонить по ссылке и хотите, чтобы эта ссылка работала как для android/ios

Ответы

Ответ 1

Просто используйте tel:, он будет работать на iOS, android, blackbarry OS, windows и многом другом. Использование этой схемы будет работать практически во всех мобильных браузерах.

Ответ 2

Это работает и для меня.

<a href="tel:2125551212">212-555-1212</a>

Проблема заключается в том, что он сломает надстройки и расширения, которые пользователи могут использовать в настольных браузерах.

Простой номер телефона вызовет щелчок для ОС Android.

<p>212-555-1212</p>

Вы также можете отслеживать этот вызов с помощью AdWords. Я работаю над тем, чтобы он работал с Google Analytics.

Ответ 3

Вы должны распознать клиента. Поскольку у разных телефонов разные пользовательские агенты, вы можете сделать что-то вроде этого с помощью JavaScript:

if (navigator.userAgent.indexOf("Android") != -1) {
    txt = "<a href="tel:2125551212">2125551212</a>";
} else if (navigator.userAgent.indexOf("iPhone") != -1) {
    txt = "<a href="callto:2821229627-7877">Live Support</a>";
}

Ответ 4

В отношении сообщения MoyShe и не для того, чтобы украсть ее код (дополняет), я бы добавил условное значение по умолчанию для браузеров рабочего стола и другое, а также с помощью инструкции else по умолчанию.

if (navigator.userAgent.indexOf("Android") != -1) {
txt = "<a href="tel:2125551212">2125551212</a>";
} else if (navigator.userAgent.indexOf("iPhone") != -1) {
txt = "<a href="callto:2821229627-7877">Live Support</a>";
}
<!--what about other devices OS-->
else {
txt = "<span><strong>Phone -</strong> 282-122-9627 ext.7877</span>";
}

Таким образом, пользователи настольных браузеров также могли видеть номер телефона, поскольку по умолчанию будет отображаться номер телефона, если устройство не относится к двум запросам карманного устройства.

Я не разбираюсь в android, blackberry, IOs, windows и т.д., но я также хотел бы спросить или указать мой раздел комментариев.

<!--what about other devices OS-->

(Для Newbs - вышеприведенная строка кода с комментариями может быть удалена при вставке на веб-страницу).

Как насчет ежевики и всех остальных ОС? Являются ли они ОС Android или ОС? Если нет, дополнительный код для конкретной идентификации этих устройств также должен быть создан и включен в инструкции (else if's).

Если я прав в своем неизвестном вопросе, оператор Switch/Case может быть более чистым и лучшим способом.