¿Cómo deshabilitar la vinculación de números de teléfono en Mobile Safari?

Yo estaba teniendo el mismo problema. Encontré una propiedad en el UIWebView que te permite apagar los detectores de datos.

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

Para desactivar la apariencia de análisis del teléfono para elementos específicos, este CSS parece hacer el truco:

.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }

La primera regla desactiva el clic, la segunda se encarga del estilo.

Agrega esto, creo que es lo que estás buscando:

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

Utilizo una ensambladora de ancho cero ‍

Simplemente pon eso en algún lugar del número de teléfono y funciona para mí. Probado en BrowserStack (y Tornasol para correos electrónicos).

Solución para Webview!

Para las aplicaciones PhoneGap-iPhone / PhoneGap-iOS, puede desactivar la detección de números de teléfono agregando lo siguiente al delegado de aplicación de su proyecto:

// ...

- (void)webViewDidStartLoad:(UIWebView *)theWebView 
{
    // disable telephone detection, basically <meta name="format-detection" content="telephone=no" />
    theWebView.dataDetectorTypes = UIDataDetectorTypeAll ^ UIDataDetectorTypePhoneNumber;

    return [ super webViewDidStartLoad:theWebView ];
}

// ...

Fuente: Desactivar la detección telefónica en PhoneGap-iOS.

Creo que he encontrado una solución: poner el número dentro de un elemento <label>. No he probado ninguna otra etiqueta, pero <div> la dejó activa en la pantalla de inicio, incluso con el atributo telephone=no.

Parece obvio de los comentarios anteriores que la etiqueta meta funcionó, pero por alguna razón se ha roto bajo las versiones posteriores de iOS, al menos bajo algunas condiciones. Estoy ejecutando 4.0.1.

Para deshabilitar la detección de números de teléfono en parte de una página, envuelva el texto afectado en una etiqueta de anclaje con href="#". Si haces esto, mobile Safari y UIWebView deberían dejarlo en paz.

<a href="#"> 1234567 </a>

Tuve el mismo problema, pero en una aplicación web para iPad.

Desafortunadamente, ninguno...

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

Nor...

0 = 0
9 = 9

... trabajar.

Pero, aquí hay tres trucos feos:

• sustitución del número "0" por la letra "O"
• sustitución del número "1" por la letra "l"
• inserte un intervalo sin sentido: por ejemplo, 555.5<span>5</span>5.5555

Dependiendo de la fuente que utilice, las dos primeras son apenas perceptibles. Este último obviamente implica código superfluo, pero es invisible para el usuario.

Kludgy hackea con seguridad, y probablemente no sea viable si está generando su código dinámicamente a partir de datos, o si no puede contaminar sus datos de esta manera.

Pero, suficiente en un apuro.

Tenía un ABN (Número de Negocio australiano) que iPad Safari insistió en convertir en un número de teléfono enlace. Ninguna de las sugerencias ayudó. Mi solución fue poner etiquetas img entre los números.

ABN 98<img class="PreventSafariFromTurningIntoLink" /> 009<img /> 675<img /> 709

La clase existe solo para documentar para qué sirven las etiquetas img.

Funciona en iPad 1 (4.3.1) y iPad 2 (4.3.3).

Mi experiencia es la misma que la de algunos otros. Metaetiqueta...

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

...funciona cuando el sitio web se está ejecutando en Safari móvil (es decir, con chrome), pero deja de funcionar cuando se ejecuta como una aplicación web (es decir, se guarda en la pantalla de inicio y se ejecuta sin chrome).

Mi solución menos que ideal es insertar los valores en los campos de entrada...

<input type="text" readonly="readonly" style="border:none;" value="3105551212">

Es menos que ideal porque, a pesar de que el borde se establece en ninguno, iOS renderiza una barra gris de varios píxeles sobre el campo. Pero, es mejor que ver el número como un enlace.

También puede usar la etiqueta <a> con javascript: void(0) como valor href.

Ejemplo como sigue:
<a href="javascript: void(0)">+44 456 77 89 87</a>

He probado esto yo mismo y he encontrado que funciona aunque ciertamente no es una solución elegante. Insertar un espacio vacío en el número de teléfono evitará que los detectores de datos lo conviertan en un enlace.

(604) 555<span></span> -4321

<meta name = "format-detection" content = "telephone=no"> no funciona para correos electrónicos: si el HTML que está preparando es para un correo electrónico, la metatag será ignorada.

Si lo que estás apuntando son correos electrónicos, aquí hay otra solución fea pero que funciona para ti:

Ejemplo de algún HTML que desea evitar que se vincule o formatee automáticamente:

will cease operations <span class='ios-avoid-format'>on June 1,
2012</span><span></span>.

Y el CSS que hará que la magia suceda:

@media only screen and (device-width: 768px) and (orientation:portrait){
span.ios-date{display:none;}
span.ios-date + span:after{content:"on June 1, 2012";}
}

El inconveniente: es posible que necesite una consulta de medios para cada uno de los combos de retrato/paisaje ipad/iphone

Puedes intentar codificarlos como entidades HTML:

0 = 0
9 = 9

El mismo problema en la aplicación Sencha Touch resuelto con la etiqueta meta (<meta name="format-detection" content="telephone=no">) en el índice.html de la aplicación.

Esta respuesta triunfa sobre todo a partir del 6-13-2012:

<a href="#" style="color: #666666; 
                   text-decoration: none;
                   pointer-events: none;">
  Boca Raton, FL 33487
</a>

Cambie el color a lo que coincida con su texto, la decoración del texto elimina el subrayado, los eventos de puntero evitan que se vea como un enlace en un navegador (el puntero no cambia a una mano)

Esto es perfecto para correos electrónicos HTML en ios y el navegador.

Un truco que uso que funciona en algo más que Safari móvil es usar códigos de escape HTML y un poco de marcado en el número de teléfono. Esto hace que sea más difícil para el navegador "identificar" un número de teléfono, es decir,

Phone: 1-8&#48;&#48;<span>-</span>62&#48;<span>-</span>38&#48;3

¿Por qué querría eliminar el enlace, hace que sea muy fácil de usar tener la opción.

Si simplemente desea eliminar la edición automática, pero mantener el enlace funcionando, simplemente agregue esto a su CSS...

a[href^=tel] {
 color: inherit;
 text-decoration:inherit;
}

Yo también tengo este problema: Safari y otros navegadores móviles transforman los ID de IVA en números de teléfono. Así que quiero un método limpio para evitarlo en un solo elemento, no en toda la página (o sitio).
Estoy compartiendo una posible solución que encontré, es subóptima pero aún así es bastante viable: pongo, dentro del número no quiero convertirme en un enlace tel:, la entidad HTML ⁠ que es el carácter invisible Word-Joiner. Traté de permanecer más semántica (bueno, al menos una especie de) poniendo este carácter en algún punto de significado, por ejemplo, para el VAT ID elegí ponerlo entre los diferentes grupos de dígitos de acuerdo con su formato así que para un IVA italiano escribí: 0613605⁠048⁠8 que renderiza en 06136050488 y no se transforma en un número de teléfono.

Otra opción es reemplazar los guiones en su número de teléfono por el carácter ‑ (U+2011 'Unicode Non-Breaking Hyphen')

Estuve muy confundido por esto por un tiempo, pero finalmente lo descubrí. Hicimos actualizaciones a nuestro sitio y algunos números se convirtieron en un enlace y otros no. Resulta que los números no se convertirán en un enlace si están en un

Divida el número en bloques separados de texto

301 <div style="display:inline-block">441</div> 3909

Otra solución sería utilizar una imagen del número IP