Cómo activar una llamada de teléfono al hacer clic en un vínculo en una página web en el teléfono móvil

StackOverflow https://stackoverflow.com/questions/1608548

Pregunta

Necesito crear una página web para dispositivos móviles.Sólo hay una cosa que todavía no he averiguado:¿cómo puedo activar una llamada de teléfono a través de un clic del texto?

Hay una URL especial que yo pudiera entrar como el mailto: la etiqueta para el correo electrónico?

Dispositivo específico de solución no son los preferidos.

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

¿Fue útil?

Solución

La mayoría de los dispositivos modernos de apoyo a los tel:esquema.Así que utilice <a href="tel:555-555-5555">555-555-5555</a> y usted debe ser bueno para ir.

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

Otros consejos

El esquema de URL apropiado es tel: [número] para que lo haga

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

Quiere agregar una respuesta aquí en aras de la integridad.

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

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

Además, debe saber que Skype (que es bastante popular) usa una sintaxis diferente de forma predeterminada (pero se puede configurar para usar tel :).

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

Sin embargo, creo que en los últimos navegadores móviles (lo sé con certeza en Android) ahora la sintaxis tel debería ofrecer una ventana emergente de aplicaciones disponibles que se pueden usar para completar la acción de llamada.

Código de enlace del teléfono inteligente en el que se puede hacer clic:

El siguiente enlace se puede usar para hacer un enlace de teléfono en el que se pueda hacer clic. Puede copiar el código a continuación y pegarlo en su página web, luego editar con su número de teléfono. Es posible que este código no funcione 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>

Los enlaces de números de teléfono se pueden usar 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 usar cualquier texto en el enlace siempre que el número de teléfono esté configurado con & "; 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ónico en el que puede hacer clic que puede consultar. En la mayoría de los navegadores que no son teléfonos, este enlace le dará un & Quot; La página web no se puede mostrar & Quot; error o no sucederá nada.

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

Código de enlace del teléfono inteligente Wtai: El wtai o & Quot; Interfaz de aplicación de telefonía inalámbrica & Quot; El código de enlace 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> 

Básicamente, use un elemento <a> con un atributo href que apunte al número de teléfono con el prefijo tel:. Tenga en cuenta que las ventajas se pueden usar para especificar el código de país, y los guiones se pueden incluir simplemente para los ojos humanos.

Documentos web de MDN

https://developer.mozilla.org / es-ES / docs / Web / HTML / Element / a # Creación_a_link_link

  

El elemento HTML <a href="tel:+491570156">+49 157 0156</a> (o elemento de anclaje), junto con su atributo href, crea un hipervínculo a otras páginas web, archivos, ubicaciones dentro de la misma página, direcciones de correo electrónico o cualquier otro URL.

     

[& # 8230;]

     

Ofrecer enlaces telefónicos es útil para los usuarios que ven documentos web y computadoras portátiles conectadas a teléfonos.

     

tel

Documentos IETF

https://tools.ietf.org/html/rfc3966

  

El telephone-uri URI para números de teléfono

     

El " tel " URI tiene la siguiente sintaxis:

     

"tel:" = tel:+1-201-555-0123 suscriptor telefónico

     

[& # 8230;]

     

Ejemplos

     

tel:7042;phone-context=example.com: este URI apunta a un número de teléfono en Estados Unidos        Estados Los guiones se incluyen para hacer que el número sea más humano.        legible; separan el país, el código de área y el número de suscriptor.

     

tel:863-1234;phone-context=+1-914-555: el URI describe un teléfono local           número válido dentro del contexto " example.com " ;.

     

<=>: el URI describe un local        número de teléfono que es válido dentro de un prefijo de teléfono particular.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top