Mobil Safari'de telefon numarası bağlantısını nasıl devre dışı bırakabilirim?

İPhone'daki Safari, telefon numaralarına görünen basamak dizileri için otomatik olarak bağlantılar oluşturur. IP adresi içeren bir web sayfası yazıyorum ve Safari bunu bir telefon numarası bağlantısına dönüştürüyor. Tüm sayfa veya sayfadaki bir öğe için bu davranışı devre dışı bırakmak mümkün müdür?

Safari HTML Referansına göre bu yapılacak doğru şey gibi görünüyor :

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

Bunu devre dışı bırakır ancak yine de telefon bağlantıları istiyorsanız, yine de "tel" URI şemasını kullanabilirsiniz.

İşte Apple Geliştirici Kitaplığı'ndaki ilgili sayfa .

Belirli öğelerin telefon ayrıştırma görünümünü devre dışı bırakmak için, bu CSS hile yapıyor gibi görünüyor:

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

İlk kural tıklamayı devre dışı bırakır, ikincisi stil ile ilgilenir.

Sıfır genişlikli bir birleştirici kullanıyorum ‍

Sadece telefon numarasına bir yere koy ve benim için çalışıyor. BrowserStack'ta (ve e-postalar için Litmus) test edildi.

Aynı sorunu yaşıyordum. UIWebView üzerinde veri dedektörlerini kapatmanızı sağlayan bir özellik buldum.

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

Bunu ekleyin, aradığınız şey olduğunu düşünüyorum:

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

Webview için çözüm!

PhoneGap-iPhone / PhoneGap-iOS uygulamaları için, projenizin uygulama temsilcisine aşağıdakileri ekleyerek telefon numarası algılamayı devre dışı bırakabilirsiniz:

// ...

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

    return [ super webViewDidStartLoad:theWebView ];
}

// ...

kaynak: PhoneGap-iOS'ta Telefon Algılamayı devre dışı bırakın .

Sayfanın bir kısmında telefon numarası algılamayı devre dışı bırakmak için, etkilenen metni bir bağlantı etiketine href = "#" ile sarın. Bunu yaparsanız, mobil Safari ve UIWebView onu yalnız bırakmalıdır.

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

Bir çözüm bulduğumu düşünün: numarayı bir <label>öğenin içine koyun . Başka bir etiket denemedim, ancak özellikle <div>bile ana ekranda etkin bıraktı telephone=no.

Önceki yorumlardan, meta etiketin işe yaradığı açık gibi görünüyor, ancak bir nedenden dolayı iOS'un sonraki sürümlerinde, en azından bazı koşullarda kırıldı. 4.0.1 kullanıyorum.

<a>Etiketi değer javascript: void(0)olarak da kullanabilirsiniz href.

Aşağıdaki gibi örnek:
<a href="javascript: void(0)">+44 456 77 89 87</a>

Aynı sorunu yaşadım, ancak bir iPad web uygulamasında.

Ne yazık ki, ikisi de ...

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

ne de ...

0 = 0
9 = 9

... işe yaradı.

Ancak, işte ç çirkin kesmek:

• "0" sayısını "O" harfiyle değiştirme
• "1" sayısını "l" harfiyle değiştirme
• anlamsız bir aralık girin: ör. 555.5<span>5</span>5.5555

Kullandığınız yazı tipine bağlı olarak, ilk ikisi neredeyse hiç fark edilmez. İkincisi açıkçası gereksiz kod içerir, ancak kullanıcı tarafından görülemez.

Kludgy kesin olarak saldırıyor ve kodunuzu verilerden dinamik olarak oluşturuyorsanız veya verilerinizi bu şekilde kirletemiyorsanız muhtemelen geçerli olmayabilir.

Ancak, bir tutam yeterli.

İPad Safari'nin bir telefon numarası bağlantısına dönüşmekte ısrar ettiği bir ABN (Avustralya İşletme Numarası) vardı. Önerilerin hiçbiri yardımcı olmadı. Benim çözüm numaraları arasında img etiketleri koymak oldu.

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

Sınıf yalnızca img etiketlerinin ne için olduğunu belgelemek için bulunur.

İPad 1 (4.3.1) ve iPad 2 (4.3.3) üzerinde çalışır.

Deneyimlerim, diğer bazılarıyla aynı. Meta etiket ...

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

... web sitesi Mobil Safari'de çalışırken (yani, kromla) çalışır, ancak bir webapp olarak çalıştırıldığında durur (yani, ana ekrana kaydedilir ve krom olmadan çalışır).

İdeal olmayan çözümüm, değerleri giriş alanlarına eklemektir ...

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

İdeal olandan daha azdır, çünkü sınır hiçbirine ayarlanmamış olmasına rağmen iOS, alanın üzerinde çok pikselli gri bir çubuk oluşturur. Ancak, sayıyı bir bağlantı olarak görmek daha iyidir.

Bunu kendim test ettim ve kesinlikle zarif bir çözüm olmasa da işe yaradığını buldum. Telefon numarasına boş bir aralık eklenmesi, veri dedektörlerinin bir bağlantıya dönüşmesini önleyecektir.

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

<meta name = "format-detection" content = "telephone=no"> e-postalar için çalışmaz: hazırladığınız HTML bir e-posta içinse, meta etiket dikkate alınmaz.

Hedeflediğiniz e-postalarsa, işte size çirkin ama işe yarayan başka bir çözüm daha olacak:

Bağlantılı veya otomatik biçimlendirmekten kaçınmak istediğiniz bazı HTML örnekleri:

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

Ve sihri gerçekleştirecek CSS:

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

Dezavantajı: ipad / iphone portre / manzara kombinasyonlarının her biri için bir medya sorgusu gerekebilir

Bunları HTML öğeleri olarak kodlamayı deneyebilirsiniz:

0 = 0
9 = 9

Sencha Touch uygulamasında aynı sorun, <meta name="format-detection" content="telephone=no">index.html uygulamasında meta tag ( ) ile çözüldü .

Mobil Safari'den daha fazlasında çalışan bir numara HTML kaçış kodları ve telefon numarasında küçük bir işaret kullanmak. Bu, tarayıcının bir telefon numarasını "tanımlamasını", yani

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

Ben de bu sorun var: Safari ve diğer mobil tarayıcılar KDV kimliklerini telefon numaralarına dönüştürür. Bu yüzden tüm sayfayı (veya siteyi) değil, tek bir öğe üzerinde önlemek için temiz bir yöntem istiyorum.
Bulduğum olası bir çözümü paylaşıyorum, yetersiz ama yine de oldukça geçerli: Bir tel:bağlantı olmak istemediğim sayının içine ⁠, Word-Joiner görünmez karakteri olan HTML varlığını koydum . Ben bu char bazı anlam noktaya koyarak daha anlamsal kalmaya çalıştım (iyi, en azından bir tür), örneğin KDV ID için ben İtalyan KDV için biçimine göre farklı basamak grupları arasında koymayı seçti yazdı: 0613605⁠048⁠80613605-048⁠8 render ve bir telefon numarasına dönüştürülmez.

Başka bir seçenek de telefon numaranızdaki tireleri karakterle değiştirmektir ‑(U + 2011 'Unicode Kesintisiz Kısa Çizgi')

Bir süre bununla kafam karıştı ama sonunda anladım. Sitemizde güncellemeler yaptık ve bir sayıya bağlantıya dönüştük, bazıları değildi. <fieldset> 'de numaraların bir bağlantıya dönüştürülmeyeceği ortaya çıkıyor. Açıkçası çoğu durum için doğru çözüm değil, ama bazılarında doğru çözüm olacak.

Bu cevap 6-13-2012 itibariyle her şeyi altüst eder:

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

Metninizle eşleşen rengi değiştirin, metin süslemesi alt çizgiyi kaldırır, işaretçi olayları bir tarayıcıdaki bir bağlantı gibi görüntülenmesini durdurur (işaretçi bir ele dönüşmez)

Bu, ios ve tarayıcıdaki HTML e-postaları için mükemmeldir.

Neden bağlantıyı kaldırmak istersiniz, bu çok kullanıcı dostu olmasını sağlar.

Otomatik düzenlemeyi kaldırmak istiyorsanız, ancak bağlantıyı çalışır halde tutmak için bunu sadece CSS'nize ekleyin ...

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

Sayıyı ayrı metin bloklarına ayırın

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

Başka bir çözüm IP numarasının bir görüntüsünü kullanmak olacaktır