href = tel: 555 enlace no funciona en safari mobile

Estoy diseñando una página mobile y utilizo el siguiente código (estándar, creo) para que el teléfono marque un número de teléfono.

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

Esto funciona bien en Android, pero Safari mobile obtengo el siguiente error:

No puede abrir la página
Safari no puede abrir la página porque la dirección no es válida.

Tu margen está bien, y funciona en mi iPhone (3GS, ejecutando 4.3.5). No funciona en el simulador de iOS (sí, hay el error "No se puede abrir la página: Safari no puede abrir la página porque la dirección es inválida"), pero no esperaba, ya que no se puede hacer la invoca (ya sea que la versión anterior de iOS tenga la culpa).

En tu <head> poner:

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

Desde la reference HTML de Safari :

Esto activa o desactiva la detección automática de posibles numbers de teléfono en una página web en Safari en iOS. Discusión de syntax De manera pnetworkingeterminada, Safari en iOS detecta cualquier cadena formateada como un número de teléfono y la convierte en un enlace que llama al número. Especificar teléfono = no deshabilita esta function. Disponibilidad disponible en iOS 1.0 y versiones posteriores. Extensión de Apple de nivel de soporte.

para que un número de teléfono funcione en Safari / iOS, debe formatear correctamente el teléfono como si estuviera en un anuncio antiguo.

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

Si todavía tienes un problema con tu número de teléfono que no apareció en safari, tuve el mismo problema, tomé nota de que si no utilizas una fuente amigable para web, no se mostrará, testing y cambia tu fuente por el número de Verdana o Arial Utilicé la fuente de google web que debería ser web amigable, pero incluso eso rompió mi número.

Espero que esto funcione.

Dame una votación si lo hace;)

segundo