Href= tel: 555 ссылка не работает в мобильном сафари

Я разрабатываю мобильную страницу и использую следующий (стандартный, я считаю) код, чтобы позвонить по телефону на номер телефона.

<a href="tel:555-1234567" class="call"><img src="graphics/call-icon.gif" alt="call-icon" width="45" height="50"></a>

Это отлично работает в Android, но Mobile Safari я получаю следующую ошибку:

Не удается открыть страницу. Safari не может открыть страницу, потому что адрес недействительным

Ответ 1

Ваша надбавка прекрасна, и она работает на моем iPhone (3GS, работает 4.3.5). Он не работает на симуляторе iOS (да, там "Не удается открыть страницу - Safari не может открыть страницу, потому что адрес недействителен" ), но тогда я не ожидал этого, учитывая, что вы не можете сделать (либо это, либо устаревшая версия iOS не работает).

Ответ 2

В <head> put:

<meta name="format-detection" content="telephone=yes">

Из Справка HTML Safari:

Это включает или отключает автоматическое обнаружение возможных номера телефонов на веб-странице в Safari на iOS. Обсуждение синтаксиса по умолчанию, Safari на iOS обнаруживает любую строку, отформатированную как телефон номер и делает его ссылкой, которая вызывает номер. Определение phone = no отключает эту функцию. Доступность Доступна в iOS 1.0 и позже. Уровень поддержки Apple.

Ответ 3

для того, чтобы номер телефона работал в Safari/iOS, вам необходимо правильно отформатировать телефон, как если бы он был указан в старом объявлении.

<a href="tel:1-555-123-4567" class="call">
----- OR -----
<a href="tel:15551234567" class="call">

Ответ 4

Если у вас все еще есть проблема с тем, что ваш телефонный номер не отображается в Safari, у меня была точно такая же проблема, я обнаружил, что если вы не используете веб-дружественный шрифт, он не будет отображаться, попробуйте изменить свой шрифт для номера на Verdana или Arial. Я использовал веб-шрифт Google, который должен быть удобным для Интернета, но даже это сломало мой номер.

Надеюсь, это работает.

Ответ 5

Вы можете добавить target="_blank" в тег гиперссылки.

Меня устраивает.

Подробнее о target="_blank" читайте по этой ссылке