Die Zähmung der automatische Telefon-Nummer, was in der windows-10-edge-browser
Windows 10 ' s edge browser scheint zu erkennen, die Telefon-Nummern auch wenn es keine Telefon-app auf dem system installiert.
Es Formate die Telefonnummer, die in blau mit einem Unterstrich auch wenn es nur im plain text irgendwo (hässlich auf einige Hintergründe), ausserdem erkennt z.B. Mehrwertsteuer zahlen, als wären Sie Telefonnummern.
So, wie wir es Steuern als Webmaster:
-
wie macht es das erkannt, Sachen (ich nehme an, MSFT erfanden Ihre ganz eigenen CSS-Selektor für das Zeug?)
-
wie wir wiederum die Erkennung ausschalten
Vorzugsweise mit etwas, nur, dass targeting browser und nicht das Risiko vermasselt Dinge für den anderen oder das hinzufügen von nicht-standard-Dinge, die sonst gültigen code.
EDIT:
-
Den vorgeschlagenen Weg zu drehen Erkennung ausschalten, basierend auf der Art wie es in IE11 für windows-Handys funktioniert nicht in allen meinen tests. Der meta-tag-Fehler auf, und das nicht-standard-html-Attribut scheint zu funktionieren.
-
Habe ich mir angeschaut, die untersuchen, was in der edge und es scheint mir, die berechneten CSS für diejenigen, die erkannten Elemente ist das, was man erwarten würde, um zu sehen, wenn er nicht erkannt wurden (d.h. die berechneten CSS ist die normale Farbe und nicht Unterstrichen), was darauf hindeutet kaum eine chance, die Kontrolle, wie Sie dargestellt werden.
EDIT:
test Fall 1: meta-tag (fehl)
HTML:
<!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>
Test-Fall 2: nicht-standard-html-Attribut (funktioniert)
HTML:
<!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>
- Ich habe heute nachgesehen - die meta arbeitet in Edge für den desktop (windows 10 build 15063)
Du musst angemeldet sein, um einen Kommentar abzugeben.
Offenbar Telefonnummer-Erkennung eingeführt wurde im Internet Explorer 11, aber nicht auf desktops.
Hier sind Möglichkeiten, es zu kontrollieren, ergriffen von diesem MS-Artikel: Telefonnummer Formaterkennung
x-ms-format-detection
- Attribut auf "none".<meta name="format-detection" content="telephone=no"/>
Aktivieren, die das Verhalten für ein element (und seine untergeordneten Elemente), legen Sie die
x-ms-format-detection
Attribut "phone" oder "alle".Selektiv das Verhalten Steuern mit JavaScript, verwenden Sie
setAttribute
ändern Sie den Wert desx-ms-format-detection
Attribut des assoziierten Elements oder seines übergeordneten. (Beachten Sie, dass dies getan werden muss, bevor das element oder der Elternteil Leistungen im DOM; dynamische änderungen werden nicht unterstützt.)Wenn ich den Artikel richtig verstehe, wenn Telefon-Erkennung ist deaktiviert im browser-Ebene, die
x-ms-format-detection
- Attribut (oder die meta-tag) werden ignoriert.x-ms-format-detection="none"
funktioniert nicht Edge? Es funktioniert für mich, aber ich habe Windows 10 Pro-Insider-Vorschau, vielleicht ist es anders auf der aktuellen Win 10.x-ms-format-detection="none"
funktioniert, aber nicht in einem<span>
, das ist das element, das ich instinktiv als erste ausprobiert. Eine ziemlich irritierende Funktion, Microsoft!Mithilfe der
x-ms-format-detection="none"
für mich gearbeitet. Allerdings hatte ich, um es hinzuzufügen, um das übergeordnete element.Zum Beispiel meine Telefonnummer war eingewickelt in ein span-Klasse also musste ich es hinzufügen parent div über. Zugabe direkt in das span-tag nicht beheben das Problem, auf der Rand für mich.
Hoffe, das hilft
x-ms-format-detection="none"
funktioniert, aber nicht in einem<span>
, das ist das element, das ich instinktiv als erste ausprobiert. Eine ziemlich irritierende Funktion, Microsoft!Ich habe einen Weg gefunden, das funktioniert für mich perfekt, und es bestehen auf änderung der tag-wo haben Sie die Nummer mit einem "a" ("Anker"), statt einer, die Sie haben können, ohne die Notwendigkeit von href. Dann legen Sie text-Unterstreichung und keine Farbe um zu Erben. Das ist alles.
Wenn Sie hinzufügen x-ms-format-Erkennung="none", um den body-tag angewendet wird, die ganze Seite.
Dies sollte ein Kommentar, ich habe aber nicht den Ruf noch, sorry!
Aufbauend auf der guten Antwort von jfrej und die anschließende Kommentar von Ben Hillier, möchte ich darauf hinweisen, dass
x-ms-format-detection="none"
arbeiten kann auf ein span-element, aber nicht mit de Standard -display: inline
eher style-span mit einemdisplay: inline-block
.Ähnlich mit
<div x-ms-format-detection="none" style="display: inline">1234567890</div>
wird nicht funktionieren.