2011-10-25 16 views
14

Estoy creando un sitio web móvil HTML para Android & ios dispositivo. Sé hacer clic para llamar para ambos.android/iphone haga clic para llamar a html

ANDROID

<a href="tel:2125551212">2125551212</a> 

iOs

<a href="callto:2821229627-7877">Live Support</a> 

Ahora, mi problema es que tengo una página web con clic para llamar enlace y quiere que el trabajo de enlace para ambas androide/IOS

Respuesta

24

sólo tiene que utilizar tel: que funcionará en iOS, Android, OS Blackbarry, ventanas y muchos más. El uso de este esquema funcionará en casi todos los navegadores móviles.

+0

¿qué hay de android ??? –

+0

Funciona también en Android, como dijiste;) – Moyshe

+0

cuál es mi problema, tengo una sola página web que se abrirá en Android y iOs móvil, así que quiero algo que funcione para ambos dispositivos –

1

Tienes para reconocer al cliente Dado que los diferentes teléfonos tienen diferentes agentes de usuario, se puede hacer algo como esto con JavaScript:

if (navigator.userAgent.indexOf("Android") != -1) { 
    txt = "<a href="tel:2125551212">2125551212</a>"; 
} else if (navigator.userAgent.indexOf("iPhone") != -1) { 
    txt = "<a href="callto:2821229627-7877">Live Support</a>"; 
} 
+0

Ohhh buena solución –

+2

Me alegra que te guste, pero la segunda es mucho más simple. Realmente puedes usar 'tel:' para ambos teléfonos. – Moyshe

+0

déjame intentar eso es bueno –

2

Esto funciona para mí también.

<a href="tel:2125551212">212-555-1212</a> 

El problema con esto es que se romperá complementos y extensiones que las personas pueden utilizar en los navegadores de escritorio.

El número de teléfono simple llamará al hacer clic para Android OS.

<p>212-555-1212</p> 

También puede track this call with AdWords. Estoy trabajando para que funcione con Google Analytics.

+0

Esto no responde a la pregunta del cartel original. Él pregunta cómo puede hacer que ambas plataformas hagan una llamada con un solo enlace. – Stunner

0

En cuanto a la publicación de MoyShe y no para robar su código (complementos) agregaría un valor predeterminado condicional para los navegadores de escritorio y otros también usando una declaración predeterminada .

if (navigator.userAgent.indexOf("Android") != -1) { 
txt = "<a href="tel:2125551212">2125551212</a>"; 
} else if (navigator.userAgent.indexOf("iPhone") != -1) { 
txt = "<a href="callto:2821229627-7877">Live Support</a>"; 
} 
<!--what about other devices OS--> 
else { 
txt = "<span><strong>Phone -</strong> 282-122-9627 ext.7877</span>"; 
} 

que Desktop manera navegadores usuarios también pueden ver un número de teléfono ya que muestra un número de teléfono de forma predeterminada si el dispositivo no es de los dos dispositivo de mano consultado.

No soy versado en android, blackberry, IOs, windows, etc ... pero también me gustaría preguntar o señalar mi sección de comentarios.

<!--what about other devices OS--> 

(Para Newbs- la línea anterior de comentado código se puede quitar al pegar en la página web).

¿Qué tal Blackberry y todos los sistemas operativos de otros dispositivos? ¿Son sistemas operativos impulsados ​​por Android o IO? De lo contrario, también se deberá crear e incluir un código adicional para identificar específicamente esos dispositivos en las declaraciones (si no).

Si estoy en lo cierto en mi pregunta desconocida, un enunciado del interruptor/caso podría ser más limpio y una mejor forma de hacerlo.

Cuestiones relacionadas