Dompter le numéro de téléphone automatique dans le navigateur Windows 10 edge

le navigateur edge de Windows 10 semble détecter les numéros de téléphone même s'il n'y a pas d'application téléphonique installée sur le système.

il formate le numéro de téléphone en bleu avec un soulignement même si c'est juste dans le texte quelque part (laid sur certains arrière-plans), de plus il détecte par exemple les numéros de TVA comme s'ils étaient des numéros de téléphone.

alors comment pouvons-nous le contrôler en tant que webmasters pour:

  • comment il rend la substance détectée (je suppose que MSFT a inventé leur très un sélecteur CSS pour ce truc?)

  • comment désactiver la détection

de préférence avec quelque chose qui cible juste ce navigateur et ne risque pas de gâcher des choses pour d'autres ou d'ajouter des choses non standard au code autrement valide.

EDIT:

  • la méthode suggérée pour désactiver la détection basée sur la façon dont elle est faite dans IE11 pour les téléphones windows ne fonctionne pas dans tous mes tests. La balise meta échoue et la l'attribut html non standard semble fonctionner.

  • j'ai regardé la chose inspecter dans le bord et il me semble que la CSS calculée pour ces articles détectés Est ce que l'on s'attendrait à voir là si elle n'a pas été détectée (c.-à-d. La CSS calculée est la couleur normale et pas de soulignement), suggérant peu de chance de contrôler comment elle est rendue.

EDIT:

cas de test 1: la balise meta (échoue)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- test -->
    <meta name="format-detection" content="telephone=no" />
  </head>
  <body>
    <p>text VAT BE 0123.456.789 text </p>
    <p>text +32 11 222 333 text</p>
  </body>
</html>

cas de Test 2: non-standard de l'attribut html (fonctionne)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <p x-ms-format-detection="none">text VAT BE 0123.456.789 text </p>
    <p>text +32 11 222 333 text</p>
  </body>
</html>
27
demandé sur swa66 2015-07-30 11:30:35

4 réponses

apparemment, la détection des numéros de téléphone a été introduite dans Internet Explorer 11, mais pas sur les ordinateurs de bureau.

Voici des moyens de contrôle, prises à partir de ce MME article: reconnaissance du format du numéro de téléphone

  • Pour désactiver le comportement d'un élément (et de ses éléments enfant), définissez x-ms-format-detection attribut à "aucun".
  • Pour désactiver le comportement d'une page web, utilisez l'élément meta:

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

  • Pour activer le comportement d'un élément (et de ses éléments enfant), définissez x-ms-format-detection attribut à "téléphone"ou " tout".

  • pour contrôler sélectivement le comportement en utilisant JavaScript, utilisez setAttribute pour changer la valeur de x-ms-format-detection l'attribut de l'élément associé ou de son parent. (Notez que cela doit être fait avant que l'élément ou le parent ne soit rendu dans le DOM; les changements dynamiques ne sont pas soutenu.)

si je comprends bien l'article, si la détection téléphonique est désactivée au niveau du navigateur, le x-ms-format-detection attribut (ou la balise meta) sera ignoré.

28
répondu jfrej 2015-07-30 08:46:42

x-ms-format-detection="none" a fonctionné pour moi. Cependant, j'ai eu à ajouter à l'élément parent.

par exemple mon numéro de téléphone était enveloppé dans une classe de portée donc j'ai dû l'ajouter à parent div ci-dessus. Ajouter directement à l'étiquette de portée n'a pas réglé le problème sur le bord pour moi.

Hope qui aide

4
répondu MikeBurgess 2015-08-13 09:46:23

j'ai trouvé un moyen qui fonctionne parfaitement pour moi, et il consiste à changer l'étiquette où vous avez le numéro par un "a" (ancre) au lieu de n'importe quel que vous pouvez avoir, sans besoin de href. Ensuite, mettez le texte-soulignement à none et la couleur pour hériter. C'est tout.

1
répondu Jordi 2015-09-08 11:47:49

si vous ajoutez x-ms-format-detection= "none" à la balise de corps, elle sera appliquée à toute la page.

<body x-ms-format-detection="none">
0
répondu zefram 2015-11-25 17:19:07