Comment désactiver le numéro de téléphone de mise en relation dans le navigateur Safari Mobile?

Safari sur l'iPhone crée automatiquement des liens pour les chaînes de chiffres qui s'affichent à l'numéros de téléphone. Je suis en train d'écrire une page web contenant une adresse IP, et Safari est en train de tourner dans un lien de numéro de téléphone. Est-il possible de désactiver ce comportement d'une page ou d'un élément sur une page?

Voir aussi stackoverflow.com/questions/3649702/...

InformationsquelleAutor benzado | 2008-10-22

677

Ce qui semble être la bonne chose à faire, selon le Safari HTML de Référence:
```
<meta name="format-detection" content="telephone=no">
```
Si vous la désactivez, mais encore envie de téléphone des liens, vous pouvez toujours utiliser le "tel" URI scheme.

Ici est la page à Apple Developer Library.
- Cela ne veut tout simplement pas de travail. Pas pour les web apps sur iOS 4.3.1, de toute façon.
- 4.2.1 sur iPhone fonctionne; developer.apple.com/library/ios/#featuredarticles/...
- Ce n'est pas vraiment une réponse en soi -- je suis juste en train de prêter ma voix à dire que cela fonctionne sous iOS 4.3.3, au moins pour moi. cheers
- Pouvez-vous faire cela par l'élément de base au lieu de l'éteindre pour la totalité de la page?
- Je voulais juste de noter cela fonctionne aussi pour les versions récentes, telles que 5.1.1 dont je suis sur maintenant.
- Personne ne sait comment faire pour les e-mails?
- Fonctionne très bien dans mon Cordova 3.3.1-0.1.2 en fonction du projet! à l'aide de tel, en effet, permet encore de reconnaître un numéro de téléphone. +1
- Fonctionne sur Safari Mobile sur iPhone et iPad fonctionnant sous iOS 7.x
- Notez que cela ne fonctionne pas si vous insérez le <meta> de la balise avec le JavaScript (au moins sur iOS 7.1). La balise doit être dans le code HTML, le navigateur télécharge.
- Cette <meta> truc qui fonctionne très bien pour l'application de messagerie sur iOS 7.1.2. Il suffit d'insérer <meta> tag dans la <head> balise dans votre mail en HTML. Veuillez noter que nous ne pouvons pas appliquer cette astuce texte/brut base de mails.
- Cela peut-il être appliqué sur une base de cas par cas? Par exemple, 1 numéro de chaîne sur une page que je ne veux pas être interprétée comme un numéro de téléphone, mais garder le comportement pour les 6 autres sur une page que je ne veux pas être automatiquement interprétée comme un numéro de téléphone?
- Puisque c'est une balise meta, il s'applique sur chaque page. À moins que toutes les pages sur votre site de partagent un en-tête et pied de page, il doit être facile d'ajouter la balise meta à une seule page.
- Merci. Cela fonctionne sur ionique ainsi, le mettre en page d'index.
- Fonctionne pour moi 🙂
- Fonctionne bien, fonctionne aussi pour Réagir Natif WebView composants (qui sont fondamentalement Safari wrappers, je suppose, de toute façon)
- Fonctionne comme un charme. Merci beaucoup ^_^
- Cela fonctionne parfaitement bien sous IOS 12 en 2019!
InformationsquelleAutor lewinski
36

Pour désactiver le téléphone à l'analyse de l'apparence pour des éléments spécifiques, cette CSS semble faire l'affaire:
```
.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }
```
La première règle désactive le clic, le second prend soin de son style.
- Excellente solution lorsque vous voulez restreindre style/mise en forme très spécifique de l'emplacement.
InformationsquelleAutor Florian Grell
32

J'ai eu le même problème. J'ai trouvé une propriété sur la UIWebView qui vous permet de désactiver les détecteurs de données.
```
self.webView.dataDetectorTypes = UIDataDetectorTypeNone;
```
- Enfin, une solution qui a fonctionné pour moi. Bien sûr, cela ne fonctionne qu'avec des gens qui écrivent leur propre objective-c application à l'aide de UIWebView, et non pas à l'aide de l'appli Safari. Merci!!
InformationsquelleAutor catshow
27

Ajouter ceci, je pense que c'est ce que vous cherchez:
```
<meta name = "format-detection" content = "telephone=no">
```
InformationsquelleAutor Chuck
27

- Je utiliser un liant sans chasse &zwj;

Juste mis quelque part le numéro de téléphone et ça marche pour moi. Testé dans BrowserStack (et de Tournesol pour les e-mails).
- Cela fonctionne pour moi. Je viens de l'ajouter avant le premier numéro.
- La meilleure solution!
- J'ai créé une signature d'e-mail HTML et c'était la seule solution qui a contribué à prévenir iOS 10 mail à partir de la détection à tort d'un (non-phone) numéro comme un numéro de téléphone.
- Solution élégante. A bien fonctionné sur l'iPhone 6S(+)/iOS 9.
- C'est la seule solution viable, si vous demandez à Safari Mobile pour charger un fichier XML qui utilise un <?xml-stylesheet> directive pour générer la page HTML. Le navigateur Safari Mobile convertit tout le nombre de temps dans le XML d'origine dans un "tél:" lien, même si la source n'est pas de l'HTML (!).
InformationsquelleAutor stickyuser
10

Solution pour Webview!

Pour PhoneGap-iPhone /PhoneGap-applications iOS, vous pouvez désactiver le numéro de téléphone de détection en ajoutant les lignes suivantes à votre projet demande du délégué:
```
//...

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

    return [ super webViewDidStartLoad:theWebView ];
}

//...
```
source: Désactiver la Détection Téléphonique dans PhoneGap-iOS.
- Entré à mettre en œuvre les awoodland du code avant que j'ai lu badger110 commentaire. Alors là, je suis, dans AppDelegate.m quand il se présente à moi que j'ai vu cela quelque part. Je commence à regarder autour, à trouver la case à cocher dans le fichier xib et je pense que je viens de découvrir quelque chose de magique. Je reviens pour poster cette glorieuse découverte et de trouver badger110 commentaire a été là tout le temps. TL DR: Lire les commentaires en premier, ya d'articulation de la tête.
InformationsquelleAutor
7

Pour désactiver le numéro de téléphone de détection sur une partie d'une page, envelopper le texte concerné dans une balise d'ancrage href="#". Si vous faites cela, le navigateur Safari mobile et UIWebView doit le laisser seul.
```
<a href="#"> 1234567 </a>
```
- C'est ce que j'ai fait depuis le meta balise ne fonctionne pas. Cependant, il est probablement mieux fait avec <a href="javascript:;"> pour prévenir les effets secondaires d'un changement d'URL.
- Cela fonctionne pour moi en email HTML. Je ne voulais désactiver un numéro de téléphone, pas tous. J'ai juste ajouté au style="text-decoration:none;" à la balise avec la couleur pour correspondre au reste du texte, et vous pouvez changer le curseur de style trop.
InformationsquelleAutor yodaisgreen
6

Crois que j'ai trouvé une solution: mettre le nombre à l'intérieur d'un <label> élément. N'ai pas essayé d'autres balises, mais <div> gauche active sur l'écran d'accueil, même avec la telephone=no attribut.

Il semble évident à partir des observations précédentes que la balise meta n'travail, mais pour une raison quelconque a cassé sous les versions d'iOS, au moins sous certaines conditions. Je suis en cours d'exécution 4.0.1.
- Salut Bob. Si vous voulez mettre en HTML, exemples de code, vous devez placer le code dans backticks, <like this>. (Débordement de pile utilise un langage de formatage appelé Markdown.) Je vais modifier votre réponse en conséquence.
- Qui n'a pas de travail quand j'ai rechargé l'Application, le lien hiliting était de retour. J'ai eu recours à l'ajout d'un# caractère à l'avant du numéro de téléphone: en fonction de la Pomme doc "Apple Schéma d'URL de Référence": "plus Précisément, si l'URL contient le * ou # caractères, l'application du Téléphone, ne cherche pas à composer le numéro de téléphone correspondant."
- Vous devez supprimer de votre réponse, car il ne fonctionne pas. Comme vous le reconnaissez vous-même dans le commentaire ci-dessus.
- Le # travaillé pour moi.
- Agréable et très propre astuce. Nous avons eu des problèmes de code HTML dans un courriel. Emballage dans une étiquette travaillé joliment +1, merci
InformationsquelleAutor BobFromBris
6

Vous pouvez également utiliser le <a> étiquette avec javascript: void(0) comme href valeur.

Exemple comme suit:
<a href="javascript: void(0)">+44 456 77 89 87</a>
- Cela m'a aidé lorsque nécessaire de toujours utiliser la valeur par défaut d'iOS style et les actions, mais d'ignorer certains éléments.
InformationsquelleAutor diazwatson
4

J'ai eu le même problème, mais sur un iPad web app.

Malheureusement, ni...
```
 <meta name = "format-detection" content = "telephone=no">
```
ni ...
```
&#48; = 0
&#57; = 9
```
... travaillé.

Mais, voici trois laid hacks:
- de remplacer le nombre "0" avec la lettre "O"
- de remplacer le nombre "1" avec la lettre "l"
- insérer un sens durée: par exemple, 555.5<span>5</span>5.5555
Selon la police que vous utilisez, les deux premiers sont à peine perceptibles. Ce dernier entraîne évidemment superflu code, mais est invisible pour l'utilisateur.

Encombrants de hacks pour sûr, et sans doute pas viable si vous êtes de la génération de votre code dynamiquement à partir de données, ou si vous ne pouvez pas polluer vos données de cette façon.

Mais, suffisante dans un pincement.
- La durée de idée semblait slick mais il ne fonctionne pas pour moi.
- “Selon la police que vous utilisez, les deux premiers sont à peine perceptibles”, à Moins que l'utilisateur a défini iOS lire le contenu d'eux. Ensuite, il serait assez perceptible.
- Pour l'accessibilité (comme le lecteur de texte mentionné ci-dessus), ou si l'utilisateur copie/colle dans l'application téléphone, c'est juste casse des choses. Aussi, en général, si une araignée de Yelp ou Google ou est l'indexation d'une entreprise, et tire le mauvais numéro de téléphone, ce n'est pas bon.
InformationsquelleAutor mattstuehler
4

J'ai eu un ABN (Australian Business Number) que l'iPad Safari a insisté pour tourner dans un lien de numéro de téléphone. Aucune de ces suggestions ont aidé. Ma solution a été de mettre les balises img entre les numéros.
```
ABN 98<img class="PreventSafariFromTurningIntoLink" /> 009<img /> 675<img /> 709
```
La classe n'existe que pour documenter ce que les balises img sont pour.

Fonctionne sur l'iPad 1 (4.3.1) et iPad 2 (4.3.3).
- Malheureusement, dans Internet Explorer, j'obtiens ces icônes d'image déchirée. L'ajout de width="0" height="0" aide, mais toujours un seul pixel s'affiche.
- Vous n'avez pas besoin d'images, il suffit de mettre n'importe quel code HTML à l'intérieur du numéro: <p>n'est Pas un téléphone: 112<span>34</span>56</p>
- ensemble line-height et font-size à zéro.
InformationsquelleAutor mhenry1384
4

Mon expérience est la même que certains d'autres l'ont mentionné. La balise meta...
```
<meta name = "format-detection" content = "telephone=no">
```
...fonctionne lorsque le site web est en cours d'exécution dans le navigateur Safari Mobile (c'est à dire, avec chrome), mais cesse de fonctionner lors de l'exécuter comme une application web (c'est à dire, est enregistré à l'écran d'accueil et s'exécute sans chrome).

Mes moins-que-idéales solution est d'insérer les valeurs dans les champs de saisie...
```
<input type="text" readonly="readonly" style="border:none;" value="3105551212">
```
C'est pas l'idéal parce que, en dépit de la frontière étant défini sur aucun, iOS rend un multi-pixel barre grise au-dessus du champ. Mais, c'est mieux que de voir le nombre un lien.

InformationsquelleAutor Alan M.
2

Je l'ai testé moi-même et trouve qu'il fonctionne bien qu'il n'est certainement pas une solution élégante. L'insertion d'un vide de temps dans le numéro de téléphone permettra d'éviter les détecteurs de données de tourner dans un lien.
```
(604) 555<span></span> -4321
```
- C'est aussi le fix j'ai fini par utiliser et il fonctionne très bien et est très simple.
- Ce n'est pas une bonne Réponse, parce que vous générez volontaire mauvaise HTML.
InformationsquelleAutor Jay
2

<meta name = "format-detection" content = "telephone=no"> ne fonctionne pas pour les e-mails: si le code HTML que vous vous préparez pour un e-mail, la balise meta sera ignoré.

Si ce que vous ciblez sont des mails, voici encore un autre moche-mais-œuvres solution pour ya'll:

Exemple de code HTML vous ne voulez pas être lié ou automatique mis en forme:
```
will cease operations <span class='ios-avoid-format'>on June 1,
2012</span><span></span>.
```
Et le CSS qui va faire de la magie:
```
@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";}
}
```
L'inconvénient: vous pouvez avoir besoin d'un media query pour chacun des ipad/iphone portrait/paysage combos

InformationsquelleAutor cabrera
1

Vous pourriez essayer de les encoder en entités HTML:
```
&#48; = 0
&#57; = 9
```
- Ne fonctionne pas. iOS apparemment détecte cette opération.
InformationsquelleAutor Diodeus - James MacFarlane
1

Même problème dans Sencha Touch app résolu avec la balise meta (<meta name="format-detection" content="telephone=no">) dans index.html de app.

InformationsquelleAutor someone else
1

Une astuce que j'utilise qui fonctionne sur plus que juste le navigateur Safari Mobile est d'utiliser de l'HTML escape codes et un peu de mark-up, le numéro de téléphone. Cela rend plus difficile pour le navigateur à "identifier" un numéro de téléphone, c'est à dire
```
Phone: 1-8&#48;&#48;<span>-</span>62&#48;<span>-</span>38&#48;3
```
InformationsquelleAutor Phil LaNasa
1

Moi aussi j'ai ce problème: Safari et les autres navigateurs mobiles transformer la TVA IDs dans les numéros de téléphone. Alors je veux un propre méthode pour l'éviter sur un seul élément, et non pas l'ensemble de la page (ou le site).

Je partage une possible solution que j'ai trouvé, il est sous-optimale, mais encore il est assez viable: j'ai mis, à l'intérieur du numéro, je ne veux pas devenir un tel: lien, le ⁠ HTML entité qui est le Mot-Menuisier personnage invisible. J'ai essayé de rester plus sémantique (au moins un peu) en mettant ce char dans un sens spot, par exemple, pour le numéro de TVA, j'ai choisi de le mettre entre les différents groupes de chiffres selon son format donc, pour un italien de la TVA, j'ai écrit: 0613605⁠048⁠8 qui rend dans 06136050488 et il n'est pas transformé dans un numéro de téléphone.

InformationsquelleAutor kaosmos
1

Une autre option est de remplacer les tirets dans votre numéro de téléphone par le caractère ‑ (U+2011 "Unicode de Non-Rupture de trait d'union')

InformationsquelleAutor Daniel
1

J'étais vraiment confus par cela pour un certain temps, mais finalement pensé à elle. Nous avons fait des mises à jour de notre site et a eu un certain nombre de conversion à un lien et certains ne sont pas. S'avère que les numéros ne seront pas convertis à un lien si ils sont dans un <fieldset>. Évidemment pas la bonne solution pour la plupart des cas, mais dans certains, ce sera la bonne.

InformationsquelleAutor Oliver P
0

Cette réponse l'emporte sur tout comme de 6-13-2012:
```
<a href="#" style="color: #666666; 
                   text-decoration: none;
                   pointer-events: none;">
  Boca Raton, FL 33487
</a>
```
Changer la couleur de tout ce qui correspond à votre texte, la décoration de texte supprime le soulignement, les événements de pointeur cesse d'être considéré comme un lien dans un navigateur (pointeur ne change pas d'un coup de main)

C'est parfait pour les e-mails HTML sur ios et navigateur.
- Me ressemble cela définit la couleur de manière explicite. En d'autres termes, il sera gris n'importe quoi.
- “les événements de pointeur cesse d'être considéré comme un lien dans un navigateur” — dans un navigateur qui prend en charge pointer-events, c'est sûr. Si l'utilisateur est à la visualisation de vos e-mails HTML en IE 10, en revanche, pas de bonne.
- La question est à propos de la suppression de la détection des numéros de téléphone, pas d'adresse postale.
InformationsquelleAutor Vincent Tobiaz
0

Pourquoi voulez-vous supprimer la liaison, c'est très convivial avoir ème eoption.

Si vous voulez simplement supprimer l'auto édition, mais garder le lien de travail juste ajouter ceci dans votre CSS...
```
a[href^=tel] {
 color: inherit;
 text-decoration:inherit;
}
```
- eh bien, je ne peux pas dire à propos de l'affiche originale, mais dans mon cas, Safari est de deviner les téléphones qui ne sont pas réellement des numéros de téléphone, elles sont données financières
- La question est à propos de détection de liaison sur les numéros de téléphone, pas de les modifier.
- Dans certains cas, vous pouvez avoir un numéro de téléphone sur un site web où vous avez besoin pour effectuer une autre opération que de faire un coup de téléphone comme arracher une option à modifier, ou de la possibilité de cliquer dessus et faites-le glisser à un autre endroit.
- il ne veut pas avoir des adresses ip associées à des numéros de téléphone
InformationsquelleAutor Marc
0

Briser le numéro de séparer les blocs de texte
```
301 <div style="display:inline-block">441</div> 3909
```
- Vous pourriez mentionner que c'est une solution de contournement.
InformationsquelleAutor Kareem
-12

Une autre solution serait d'utiliser une image de la numéro IP
- Je pense que, ce n'est pas une idée de dieu. S'il vous plaît supprimer de votre Réponse. Parce que, vous ne pouvez pas copier/coller une image de Texte, ce n'est pas facile réparable ( si vous modifiez le contenu ou font-style ) et également ses pas sans obstacle.
- la solution pourrait être pire que le problema, comme dit par @stephanfriedrich cela ne va pas être utile ou utilisable
- Pas du tout utile.
InformationsquelleAutor Chris Copland

Vous devez vous connecter pour publier un commentaire.

Solution pour Webview!