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

Question

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

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

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

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

Answer 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>

Answer 2

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

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

Answer 3

Хочу добавить сюда ответ для полноты картины.

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

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

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

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

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

Answer 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 или «Интерфейс приложения беспроводной телефонии» показан ниже. Этот код считается правильным протоколом мобильного телефона и будет работать на смартфонах, таких как Droid, однако он может не работать для Apple Safari на iPhone, поэтому рекомендуется использовать приведенный выше код.

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

Answer 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

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

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 описывает местный номер телефона, действительный в пределах определенного телефонного префикса.