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

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

Есть ли специальный URL, который я мог бы ввести, например тег mailto: для электронных писем?

Решение, специфичное для устройства, не является предпочтительным.

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

Ответ 1

Большинство современных устройств поддерживают схему tel:. Поэтому используйте <a href="tel:555-555-5555">555-555-5555</a>, и вам должно быть хорошо идти.

Если вы хотите использовать его для изображения, тег <a> может обрабатывать <img/>, помещенный в него, как и в других нормальных ситуациях: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

Ответ 2

Правильная схема URL - это tel: [number], поэтому вы будете делать

<a href="tel:5551234567"><img src="callme.jpg" /></a>

Ответ 3

Хотите добавить ответ здесь для полноты.

<a href="tel:1234567">Call 123-4567</a>

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

Кроме того, вы должны знать, что Skype (который довольно популярен) использует по умолчанию другой синтаксис (но может быть параметрирован для использования tel:).

<a href="callto:1234567">Call 123-4567</a>

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

Ответ 4

Код ссылки на смартфон:

Для создания интерактивной телефонной ссылки можно использовать следующую ссылку. Вы можете скопировать код ниже и вставить его на свою веб-страницу, а затем отредактировать с помощью своего номера телефона. Этот код может не работать на всех телефонах, но работает на iPhone, Droid/Android и Blackberry.

<a href="tel:1-847-555-5555">1-847-555-5555</a>

Ссылки на номера телефонов могут использоваться с тире, как показано выше, или без них, а также в следующем примере:

<a href="tel:18475555555">1-847-555-5555</a>

Также можно использовать любой текст в ссылке, пока номер телефона настроен с помощью "tel: 18475555555", как в этом примере:

<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>

Ниже приведена интерактивная гиперссылка на телефон, которую вы можете проверить. В большинстве нетелефонных браузеров эта ссылка даст вам сообщение "Веб-страница не может быть отображена" или ничего не произойдет.

ПРИМЕЧАНИЕ. Браузер iPhone Safari автоматически определит номер телефона на странице и преобразует текст в ссылку вызова без использования какого-либо кода на этой странице.

Код смартфона Wtai: Ниже приведен код ссылки wtai или "Wireless Telephony Application Interface". Этот код считается правильным протоколом мобильного телефона и будет работать на смартфонах, таких как Droid, однако он может не работать для Apple Safari на iPhone, и рекомендуется использовать вышеуказанный код.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>

Ответ 5

По сути, используйте элемент <a> с атрибутом href указывающим на номер телефона с префиксом tel: Обратите внимание, что плюсы могут использоваться для указания кода страны, а дефисы могут быть включены просто для человеческого глаза.

MDN Web Docs

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

HTML-элемент <a> (или элемент привязки) вместе со своим атрибутом href создает гиперссылку на другие веб-страницы, файлы, местоположения на этой же странице, адреса электронной почты или любой другой URL-адрес.

[...]

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

<a href="tel:+491570156">+49 157 0156</a>

Документы IETF

https://tools.ietf.org/html/rfc3966

tel URI для телефонных номеров

URI "tel" имеет следующий синтаксис:

telephone-uri= "tel:" телефон-абонент

[...]

Примеры

tel:+1-201-555-0123: этот URI указывает на номер телефона в Соединенных Штатах. Включены дефисы, чтобы сделать число более читабельным; они разделяют страну, код города и номер абонента.

tel:7042;phone-context=example.com: URI описывает локальный номер телефона, действительный в контексте "example.com".

tel:863-1234;phone-context=+1-914-555: URI описывает локальный номер телефона, который действителен в пределах определенного префикса телефона.