Blog

Como deixar o número de telefone clicável para iPhone e iPad

Estava fazendo uns testes para deixar os números de telefone clicável para iPhone e Ipad em páginas html e para minha surpresa esses Gadgets são muito mais espertinhos do que estava imaginando.

Basicamente todos os testes de formato que fiz, ambos reconheceram os números de telefones na página. Segue abaixo a lista testada no iPhone e iPad:

11 1234-5678
11 12345678
(11) 1234-5678
(11) 1234.5678
11 12345678
(11) 12345678
(11)12345678
11 1234 5678
11 91234 5678 // incluindo o novo 9 pros telefones celulares de são paulo
+55 11 1234 5678
041 11 1234 5678
041 (11) 1234 5678
11 / 1234-5678

Abaixo como ficou:

E se por algum motivo eu não quiser que os números sejam clicáveis?! Fácil, mande um recado pro browser acrescentando esse meta no cabeçalho:

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

E se eu quiser apenas um número clicável?! Que chato você hein??! Porém é fácil de resolver, faça o link para telefone da seguinte maneira:

<a href="tel:1182384065">(11) 8238-4065</a>

Pronto!É só clicar e falar.

Licença Creative CommonsO site www.georgecampos.me é licenciado sob uma Licença Creative Commons Atribuição-Uso não-comercial-Compartilhamento pela mesma licença 3.0 Brasil.
Permissões além do escopo dessa licença podem ser solicitadas diretamente ao autor george.campos@gmail.com.


Este artigo tem: Nenhum comentário

Comente