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

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

<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 не может открыть страницу, потому что адрес неверный

4 ответов


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


в своем <head> put:

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

С Safari HTML Reference:

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


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

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

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

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

дайте мне голосовать, если это действительно так;)

B