Jauhkan peramban Iphone dari mengubah angka menjadi tautan

15

Saya sedang menulis halaman yang sangat sederhana yang seharusnya dilihat di perangkat seluler. Saat melihatnya di simulator iphone saya perhatikan bahwa browser iphone secara otomatis mengubah string nomor apa pun menjadi tautan, yang seharusnya untuk memanggilnya secara langsung.

Masalahnya - ada banyak nomor di halaman saya yang MENCARI seperti nomor telepon tetapi sebenarnya tidak. Apakah ada cara untuk memberi tahu peramban iphone untuk membiarkan angka-angka ini sendirian?

Sorcy
sumber

Jawaban:

22

Implementasi yang sangat buruk di pihak Apple (saya mendengar ini juga terjadi di iPad, di mana tidak masuk akal sama sekali), tetapi ada perbaikan:

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

Sumber: http://www.darowski.com/tracesofinspiration/2009/03/31/stop-iphone-from-incorrectly-auto-linking-phone-numbers/

Salah satu komentar pada halaman itu juga menyarankan penggunaan tanda hubung lunak kontroversial ( &shy;) untuk mencegah penautan otomatis nomor tertentu (sehingga browser masih dapat secara otomatis menautkan nomor lain pada halaman).


Informasi tambahan

Jika Anda ingin menautkan nomor tertentu tetapi bukan yang lain, saya pribadi akan menggunakan format-detectionmeta tag untuk menonaktifkan nomor autolinking, dan kemudian secara eksplisit menautkan nomor yang merupakan nomor telepon:

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <h1 itemprop="name">Foo Co.</h1>
  <dl>
    <dt>Phone</dt>
    <dd><span itemprop="telephone"><a
      href="<?php echo ($isMobile? 'tel' : 'callto') ?>:+15555555555">
      555-555-5555</a>
    </span></dd>
    <dt>Client ID</dt>
    <dd>1234567890</dd>
</div>

Cuplikan PHP ada untuk menukar tel:skema callto:jika itu bukan browser seluler. Dengan cara ini Skype dan program VoIP desktop lainnya dapat dipicu saat tautan diklik.

Lèse majesté
sumber
Ini adalah solusi yang bagus, tetapi bagaimana jika hanya ada angka-angka tertentu yang Anda tidak ingin dikonversi ke tautan? Apakah ada cara untuk melakukannya berdasarkan kelas atau atribut saja?
Dan
2
@ Dan: Benar-benar tidak ada cara ideal untuk melakukan hal itu selain menggunakan &shy;untuk memecah nomor. Apa yang akan saya lakukan adalah untuk menonaktifkan auto-linking angka iOS dan kemudian secara eksplisit menunjukkan nomor mana yang merupakan nomor telepon aktual menggunakan markup semantik.
Lèse majesté
Ya, itu mungkin solusi terbaik untuk kasus khusus saya. Terima kasih!
Dan