Jak wyłączyć łączenie numerów telefonów w mobilnym Safari?

Miałem ten sam problem. Znalazłem nieruchomość na UIWebView, która pozwala wyłączyć detektory danych.

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

Aby wyłączyć wygląd parsowania telefonu dla określonych elementów, ten CSS wydaje się działać poprawnie:

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

Pierwsza reguła wyłącza kliknięcie, druga zajmuje się stylizacją.

Dodaj to, myślę, że to jest to, czego szukasz:

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

I use a zero-width joiner ‍

Rozwiązanie dla Webview!

Dla aplikacji PhoneGap-iPhone / PhoneGap-iOS, możesz wyłączyć wykrywanie numerów telefonów, dodając do delegata aplikacji projektu następujące elementy:

// ...

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

    return [ super webViewDidStartLoad:theWebView ];
}

// ...

Źródło: Wyłącz wykrywanie telefonu w PhoneGap-iOS .

Myślę, że znalazłem rozwiązanie: umieść numer w elemencie <label>. Nie próbowałem żadnych innych tagów, ale <div> pozostawiłem je aktywne na ekranie głównym, nawet z atrybutem telephone=no.

Wydaje się oczywiste z wcześniejszych komentarzy, że meta tag działał, ale z jakiegoś powodu złamał się w późniejszych wersjach iOS, przynajmniej pod pewnymi warunkami. Używam 4.0.1.

Aby wyłączyć wykrywanie numerów telefonów na części strony, zawiń ten tekst w znacznik zakotwiczenia za pomocą href="#". Jeśli to zrobisz, mobile Safari i UIWebView powinny zostawić je w spokoju.

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

Miałem ten sam problem, ale na iPadzie aplikacja internetowa.

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

Nor ...

0 = 0
9 = 9

... zadziałało.

Ale tu są trzy brzydkie hacki:

• zastąpienie liczby " 0 "literą" O "
• zastąpienie liczby " 1 "literą" l "
• wstawić bezsensowny span: np., 555.5<span>5</span>5.5555

W zależności od używanej czcionki, pierwsze dwa są ledwo zauważalne. Ten ostatni oczywiście wiąże się z zbędnym kodem, ale jest niewidoczny dla użytkownika.

Kludgy hacki na pewno, i prawdopodobnie nie wykonalne, jeśli generujesz kod dynamicznie z danych, lub jeśli nie możesz zanieczyszczać danych w ten sposób.

Miałem ABN (Australijski numer biznesowy), który iPad Safari nalegał, aby przekształcić się w numer telefonu link. Żadna z sugestii nie pomogła. Moim rozwiązaniem było umieszczenie znaczników img między numerami.

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

Klasa istnieje tylko po to, aby udokumentować, do czego służą znaczniki img.

Działa na iPadzie 1 (4.3.1) i iPadzie 2 (4.3.3).

Moje doświadczenie jest takie samo, jak niektóre inne wymienione. Meta tag...

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

...działa, gdy witryna jest uruchomiona w mobilnej przeglądarce Safari (np. z chrome), ale przestaje działać, gdy działa jako aplikacja webapp (np. jest zapisana na ekranie głównym i działa bez chrome).

Moim mniej niż idealnym rozwiązaniem jest wstawianie wartości do pól wejściowych...

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

Jest to mniej niż idealne rozwiązanie, ponieważ pomimo ustawienia obramowania na brak, iOS renderuje szary pasek o wielu pikselach nad polem. Ale to lepiej niż widzieć numer jako link.

Możesz również użyć etykiety <a> z javascript: void(0) jako wartości href.

przykład jak następuje:
<a href="javascript: void(0)">+44 456 77 89 87</a>

Sam to przetestowałem i stwierdziłem, że działa, chociaż z pewnością nie jest to eleganckie rozwiązanie. Wstawienie pustego zakresu w numerze telefonu uniemożliwi detektorom danych przekształcenie go w łącze.

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

<meta name = "format-detection" content = "telephone=no"> nie działa w przypadku wiadomości e-mail: jeśli kod HTML, który przygotowujesz, jest przeznaczony do wiadomości e-mail, metatag zostanie zignorowany.

Jeśli to, co kierujesz, to maile, oto kolejne brzydkie, ale działające rozwiązanie dla Ciebie:

Przykład jakiegoś HTML, którego chcesz uniknąć linkowania lub automatycznego formatowania:

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

I CSS, który sprawi, że magia się wydarzy:

@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";}
}

Wada: możesz potrzebować zapytania o media dla każdego z iPad/iphone portret / krajobraz combo

Możesz spróbować kodować je jako encje HTML:

0 = 0
9 = 9

Ten sam problem w aplikacji Sencha Touch został rozwiązany za pomocą meta tag (<meta name="format-detection" content="telephone=no">) w indeksie.html aplikacji.

Ta odpowiedź przebija wszystko od 6-13-2012:

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

Zmień kolor na dopasowany do tekstu, Dekoracja tekstu usuwa podkreślenie, zdarzenia wskaźnika uniemożliwiają wyświetlenie go jak łącza w przeglądarce (wskaźnik nie zmienia się na rękę)

Jest to idealne rozwiązanie dla wiadomości HTML na ios i przeglądarce.

Sztuczka, której używam, która działa nie tylko na mobilnym Safari, polega na użyciu kodów ucieczki HTML i niewielkiego znacznika w numerze telefonu. To utrudnia przeglądarce "identyfikację" numeru telefonu, tj.

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

Dlaczego chcesz usunąć połączenie, to sprawia, że bardzo przyjazny dla użytkownika, aby th eoption.

Jeśli po prostu chcesz usunąć automatyczną edycję, ale utrzymuj link działający po prostu dodaj to do swojego CSS...

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

Ja też mam taki problem: Safari i inne przeglądarki mobilne przekształcają identyfikatory VAT w Numery telefonów. Chcę więc czystej metody, aby uniknąć jej na jednym elemencie, a nie na całej stronie (lub stronie).
Dzielę się możliwym rozwiązaniem, które znalazłem, jest nieoptymalne, ale nadal jest całkiem realne: umieściłem, wewnątrz numeru nie chcę stać się linkiem tel:, encją ⁠ HTML, która jest słowo-Joiner niewidzialny znak . Starałem się pozostać bardziej semantyczny (no, przynajmniej w pewnym sensie), umieszczając ten znak w pewnym sensie spot, np. dla identyfikatora VAT wybrałem umieszczenie go między różnymi grupami cyfr według jego formatu więc dla włoskiego VAT napisałem: 0613605⁠048⁠8 który renderuje się w 06136050488 i nie jest przekształcany w numer telefonu.

Inną opcją jest zastąpienie myślników w numerze telefonu znakiem ‑ (U+2011 'Unicode Non-Breaking myślnik')

Byłem naprawdę zdezorientowany przez to na chwilę, ale w końcu zorientowałem się. Dokonaliśmy aktualizacji na naszej stronie i mieliśmy kilka liczb konwertujących na link, a niektóre nie. okazuje się, że liczby nie będą konwertowane na link, jeśli są w

Podziel liczbę na oddzielne bloki tekstu

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

Innym rozwiązaniem byłoby użycie obrazu numeru IP