iphone - verificacion - ¿Cómo deshabilitar el enlace de número de teléfono en Mobile Safari?

no puedo verificar mi id de apple

Question

Safari en iPhone crea automáticamente enlaces para cadenas de dígitos que aparecen en los números de teléfono. Estoy escribiendo una página web que contiene una dirección IP, y Safari la está convirtiendo en un enlace de número de teléfono. ¿Es posible deshabilitar este comportamiento para una página completa o un elemento en una página?

Answer 1

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: deshabilite la detección telefónica en PhoneGap-iOS .

Answer 2

¿Por qué querría eliminar la vinculación? Es muy fácil para el usuario tener la opción.

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

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

Answer 3

Añade esto, creo que es lo que estás buscando:

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

Answer 4

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

Parece obvio por comentarios anteriores que la metaetiqueta funcionó, pero por alguna razón se rompió en las últimas versiones de iOS, al menos en algunas condiciones. Estoy corriendo 4.0.1.

Answer 5

Divide el número en bloques de texto separados

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

Answer 6

El mismo problema en la aplicación Sencha Touch se resolvió con una metaetiqueta ( <meta name="format-detection" content="telephone=no"> ) en index.html de la aplicación.

Answer 7

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 para que coincida con su texto, la decoración de 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 los correos electrónicos HTML en ios y navegador.

Answer 8

Estaba teniendo el mismo problema. Encontré una propiedad en UIWebView que le permite apagar los detectores de datos.

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

Answer 9

Esto parece ser lo correcto, de acuerdo con la Referencia de HTML de Safari :

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

Si desactiva esto pero aún desea enlaces telefónicos, puede seguir utilizando el esquema URI "tel".

Aquí está la página relevante en la biblioteca de desarrolladores de Apple.

Answer 10

Estuve realmente confundido por esto por un tiempo pero finalmente lo resolví. Hicimos actualizaciones a nuestro sitio y tuvimos algunos números que 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 <fieldset>. Obviamente no es la solución correcta para la mayoría de las circunstancias, pero en algunas será la correcta.

Answer 11

He probado esto por mí mismo y descubrí que funciona, aunque ciertamente no es una solución elegante. Insertar un intervalo 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

Answer 12

Mi experiencia es la misma que algunos otros mencionaron. La etiqueta meta ...

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

... funciona cuando el sitio web se ejecuta en Mobile Safari (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 no está configurado, iOS muestra una barra gris de varios píxeles sobre el campo. Pero, es mejor que ver el número como un enlace.

Answer 13

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

Answer 14

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

Answer 15

Para deshabilitar 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.

Answer 16

Para deshabilitar la detección del número 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 solo.

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

Answer 17

Puedes intentar codificarlos como entidades HTML:

0 = 0
9 = 9

Answer 18

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

Ejemplo como sigue:
<a href="javascript: void(0)">[phone]</a>

Answer 19

Tenía un ABN (Número de Negocio Australiano) que el iPad Safari insistió en convertir en un enlace de número de teléfono. 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é son las etiquetas img.

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

Answer 20

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

Lamentablemente, tampoco ...

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

ni ...

0 = 0
9 = 9

... trabajó.

Pero, aquí hay tres hacks feos:

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

Dependiendo de la fuente que use, los dos primeros son apenas perceptibles. El último obviamente involucra código superfluo, pero es invisible para el usuario.

Kludgy corta 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.

Answer 21

Un truco que utilizo y que funciona en algo más que Mobile Safari es usar códigos de escape HTML y un pequeño recargo 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

Answer 22

Utilizo un ensamblador de ancho cero ‍

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

Answer 23

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 que no quiero convertirme en un tel: link, el ⁠ Entidad HTML que es el carácter invisible de Word-Joiner . Intenté permanecer más semántico (bueno, al menos una especie de) colocando este carácter en algún lugar de significado, por ejemplo, para el ID de IVA que elegí colocarlo entre los diferentes grupos de dígitos según su formato, para un IVA italiano I escribió: 0613605⁠048⁠8 que se procesa en 0613605⁠048⁠8 y no se transforma en un número de teléfono.

Answer 24

<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, se ignorará el metatag.

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

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

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

Y el CSS que hará realidad la magia:

@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 una de las combinaciones de ipad / iphone retrato / paisaje