Mantenha o navegador Iphone de transformar números em links

15

Estou escrevendo uma página muito simples que deveria ser exibida em dispositivos móveis. Ao visualizá-lo no simulador do iPhone, notei que o navegador do iPhone transforma automaticamente qualquer sequência numérica em um link, supostamente para discá-lo diretamente.

O problema é - há muitos números na minha página que parecem números de telefone, mas na verdade não são. Existe uma maneira de dizer ao navegador do iPhone para deixar esses números em paz?

html browsers iphone Sorcy
fonte

Respostas:

22

Implementação muito ruim da parte da Apple (ouvi dizer que isso também acontece no iPad, onde não faz sentido nenhum), mas há uma correção:

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

Fonte: http://www.darowski.com/tracesofinspiration/2009/03/31/stop-iphone-from-incorrectly-auto-linking-phone-numbers/

Um dos comentários nessa página também sugere o uso do polêmico hífen ( &shy;) para impedir a vinculação automática de um número específico (para que o navegador ainda possa vincular automaticamente outros números na página).

Informação adicional

Se você deseja vincular determinados números, mas não outros, eu pessoalmente usaria a format-detectionmetatag para desativar os números de vínculo automático e, em seguida, vincular explicitamente aqueles que são números de telefone:

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <h1 itemprop="name">Foo Co.</h1>
  <dl>
    <dt>Phone</dt>
    <dd><span itemprop="telephone"><a
      href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+15555555555">
      555-555-5555</a>
    </span></dd>
    <dt>Client ID</dt>
    <dd>1234567890</dd>
</div>

O trecho de código PHP existe para trocar o tel:esquema, callto:se não for um navegador móvel. Dessa forma, o Skype e outros programas de VoIP para desktop podem ser acionados quando o link é clicado.

Lèse majesté
fonte
Essa é uma ótima solução, mas e se houver apenas alguns números que você não deseja converter em links? Existe uma maneira de fazê-lo apenas por classe ou atributos?
Dan
2
@ Dan: Realmente não há maneira ideal de fazer isso além de usar &shy;para dividir o número. O que eu faria é desativar a vinculação automática de números do iOS no Safari e apenas indicar explicitamente quais números são números de telefone reais usando marcação semântica.
Lèse majesté
Sim, essa é provavelmente a melhor solução para o meu caso em particular. Obrigado!
Dan