2009-10-22 23 views
333

Necesito crear una página web para dispositivos móviles. Solo hay una cosa que aún no he descubierto: ¿cómo puedo activar una llamada telefónica con un clic del texto?Cómo activar una llamada telefónica al hacer clic en un enlace en una página web en el teléfono móvil

¿Existe alguna URL especial que pueda ingresar como la mailto: para los correos electrónicos?

Solución específica del dispositivo no son preferidas.

Sé que el iPhone reconoce automáticamente los números de teléfono y crea un enlace para esto, pero sería genial si esto se hiciera también con las imágenes ... y también para la mayoría de los dispositivos móviles.

Respuesta

624

mayoría de los dispositivos actuales son compatibles con el tel: esquema. Así que use <a href="tel:555-555-5555">555-555-5555</a> y debería estar listo.

Si desea utilizarlo para una imagen, la etiqueta <a> puede manejar la <img/> depositada en ella al igual que otras situaciones normales con: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

+11

¿Cómo funciona esta versión para escritorio? Obviamente no quiere que esto lleve el enlace a los escritorios ¿verdad? ¿O tengo que explorar el navegador y matar la etiqueta adjunta? – 3Dom

+7

@ 3Dom [Pruébelo.] (Http://jsfiddle.net/62Xwc/) Se inicia o solicita su programa de teléfono. –

+0

@CeesTimmerman, gracias hombre. Lo intenté hace un tiempo. Esto parece funcionar bastante bien ahora. El único enganche es que al tratar de copiar pegar los resultados numéricos al hacer clic en él, que es una interfaz de usuario horrible, pero bueno, la mayoría de la gente no hace eso, supongo. Comida para el pensamiento. – 3Dom

38

El esquema URL es correcta tel: [número] por lo que haría

<a href="tel:5551234567"><img src="callme.jpg" /></a> 
24

desea agregar una respuesta aquí en aras de la exhaustividad.

<a href="tel:1234567">Call 123-4567</a> 

Funciona bien en la mayoría de los dispositivos. Sin embargo, en los equipos de escritorio, esto aparecerá como un enlace que no hace nada cuando haces clic en él, por lo que debes considerar usar CSS para hacerlo condicionalmente visible solo en dispositivos móviles.

Además, debe saber que Skype (que es bastante popular) usa una sintaxis diferente por defecto (pero puede ser parametrizado para usar tel :).

<a href="callto:1234567">Call 123-4567</a> 

Sin embargo, creo que en últimas versiones de navegadores móviles (que sé con seguridad en Android) ahora la sintaxis tel debe ofrecer una ventana emergente de aplicaciones disponibles que se pueden utilizar para completar la acción de llamada.

+0

sabría acerca de cómo abrir el diálogo de compartir en Android, para una url? – whizcreed

+0

@whizcreed lo siento hermano, no en mi área. –

+4

¿Funciona el protocolo "tel" con Skype, o solo con su protocolo "callto"? –

13

con enlace código de enlace de teléfono inteligente:

En el siguiente enlace se puede utilizar para hacer un enlace teléfono para hacer clic. Puede copiar el siguiente código y pegarlo en su página web, luego edite con su número de teléfono. Este código puede no funcionar en todos los teléfonos, pero funciona para iPhone, Droid/Android y Blackberry.

<a href="tel:1-847-555-5555">1-847-555-5555</a> 

enlaces número de teléfono puede ser utilizado con los guiones, como se muestra arriba, o sin ellos, así como en el siguiente ejemplo:

<a href="tel:18475555555">1-847-555-5555</a> 

También es posible utilizar cualquier texto en el enlace siempre que el número de teléfono está configurado con el "tel: 18475555555", como en este ejemplo:

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

a continuación se muestra un hipervínculo telefónica puede hacer clic se puede extraer. En la mayoría de los navegadores que no son de teléfono, este enlace le dará un error "No se puede mostrar la página web" o no pasará nada.

NOTA: El navegador de iPhone Safari detectará automáticamente un número de teléfono en una página y convertirá el texto en un enlace de llamada sin utilizar ninguno de los códigos en esta página.

Código de enlace del teléfono inteligente Wtai: El código de enlace wtai o "Interfaz de aplicación de telefonía inalámbrica" ​​se muestra a continuación. Este código se considera el protocolo correcto para teléfonos móviles y funcionará en teléfonos inteligentes como Droid, sin embargo, puede que no funcione para Apple Safari en iPhone y se recomienda el código anterior.

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