Como desencadear um telefonema ao clicar em um link em uma página da web no celular

Question

Eu preciso construir uma página web para dispositivos móveis. Há apenas uma coisa que eu ainda não descobri: como eu pode desencadear uma chamada de telefone através do clique de texto

Existe uma URL especial que eu poderia entrar como o tag mailto: para e-mails?

solução específicas do dispositivo não são preferidos.

Eu sei iPhone reconhece automaticamente números de telefone e cria um link para isso, mas seria ótimo se isso poderia ser feito para imagens também ... e também para a maioria dos dispositivos móveis.

Answer 1

A maioria dos dispositivos modernos apoiar o tel: esquema. Então uso <a href="tel:555-555-5555">555-555-5555</a> e você deve ser bom para ir.

Se você quiser usá-lo para uma imagem, a tag <a> pode lidar com a <img/> colocado nele assim como outras situações normais com: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

Answer 2

O esquema de URL adequada é tel: [número] para que você faria

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

Answer 3

Quer adicionar uma resposta aqui por uma questão de integridade.

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

funciona muito bem na maioria dos dispositivos. No entanto, em desktops este aparecerá como um link que não faz nada quando você clicar nele para que você deve considerar o uso de CSS para torná-lo condicionalmente visível apenas em dispositivos móveis.

Além disso, você deve saber que Skype (que é bastante popular) utiliza uma sintaxe diferente por padrão (mas pode ser parametrizado para uso tel:).

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

No entanto, acho que em mais navegadores móveis (eu sei com certeza no Android) agora a sintaxe tel deve oferecer um pop-up de aplicativos disponíveis que podem ser usados ??para completar a ação chamada.

Answer 4

Clickable código de ligação de smartphones:

O link a seguir pode ser usado para fazer uma ligação de telefone clicável. Você pode copiar o código abaixo e cole em sua página web, em seguida, editar o seu número de telefone. Este código pode não funcionar em todos os telefones, mas funciona para iPhone, Droid / Android e Blackberry.

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

Telefone ligações numéricos podem ser utilizados com os traços, conforme mostrado acima, ou sem eles, bem como no seguinte exemplo:

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

Também é possível usar qualquer texto na ligação enquanto o número de telefone está configurado com o "tel: 18475555555", como neste exemplo:

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

Abaixo está um link de telefone clicável você pode conferir. Na maioria dos navegadores não-telefone neste link lhe dará um erro "A página não pode ser exibida" ou nada acontecerá.

NOTA:. O navegador Safari do iPhone detecta automaticamente um número de telefone em uma página e irá converter o texto em um link de chamada sem usar qualquer código desta página

WTAI smartphones código link: O WTAI ou código de ligação "Wireless Telephony Application Interface" é mostrado abaixo. Este código é considerado o protocolo correto telemóvel e irá funcionar em smartphones como o Droid, no entanto, ele pode não funcionar para a Apple Safari no iPhone e o código acima é recomendado.

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

Answer 5

Essencialmente, usar um elemento <a> com um href attr apontando para o número de telefone prefixado por tel:. Note-se que vantagens pode ser usado para especificar o código do país, e hífens podem ser incluídos simplesmente para os olhos humanos.

MDN Web Docs

https://developer.mozilla.org / en-US / docs / web / HTML / Elemento / a # Creating_a_phone_link

O elemento <a> HTML (ou elemento âncora), juntamente com o seu atributo href, cria um link para outras páginas da web, arquivos locais dentro da mesma página, endereços de email ou qualquer outro URL.

[...]

ligações telefônicas oferecendo é útil para os usuários a visualização de documentos web e laptops conectados a telefones.

<a href="tel:+491570156">+49 157 0156</a>

IETF Documentos

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

O tel URI para números de telefone

O "tel" URI tem a seguinte sintaxe:

telephone-uri = telefone assinante "tel:"

[...]

Exemplos

tel:+1-201-555-0123: esse URI aponta para um número de telefone nos Estados Unidos. Os hífens são incluídos para tornar o número mais humana legível; eles país, número de código de área e assinante separado.

tel:7042;phone-context=example.com: A URI descreve um telefone local número válido no contexto "example.com".

tel:863-1234;phone-context=+1-914-555: A URI descreve um local de número de telefone que é válida dentro de um determinado prefixo de telefone.