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

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-адреса: tel: [число], так что вы бы сделали

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

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

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

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

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

Wtai смартфон код ссылки: Wtai или & Quot; интерфейс приложения беспроводной телефонии & Quot; код ссылки показан ниже. Этот код считается правильным протоколом мобильного телефона и будет работать на смартфонах, таких как Droid, однако он может не работать для Apple Safari на iPhone, поэтому рекомендуется использовать приведенный выше код.

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

Answer 5

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

MDN Веб-документы

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