ป้องกันไม่ให้เบราว์เซอร์ Iphone เปลี่ยนหมายเลขเป็นลิงก์


15

ฉันกำลังเขียนหน้าง่าย ๆ ที่ควรจะดูบนอุปกรณ์มือถือ ในขณะที่ดูในเครื่องจำลอง iphone ฉันสังเกตเห็นว่าเบราว์เซอร์ iphone เปลี่ยนสตริงหมายเลขใด ๆ ให้เป็นลิงก์โดยอัตโนมัติ

ปัญหาคือ - มีตัวเลขมากมายในหน้าเว็บของฉันที่ LOOK เหมือนกับหมายเลขโทรศัพท์ แต่จริงๆแล้วไม่ใช่ มีวิธีบอกเบราว์เซอร์ iphone ให้ปล่อยตัวเลขเหล่านี้ไว้คนเดียวหรือไม่?

คำตอบ:


22

การใช้งานที่แย่มากในส่วนของ Apple (ฉันได้ยินสิ่งนี้เกิดขึ้นบน iPad ซึ่งมันไม่สมเหตุสมผล) แต่มีการแก้ไข:

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

ที่มา: http://www.darowski.com/tracesofinspiration/2009/03/31/stop-iphone-from-incorrectly-auto-linking-phone-numbers/

หนึ่งในความคิดเห็นในหน้านั้นยังแนะนำให้ใช้เครื่องหมายขีดกลาง ( &shy;) เพื่อป้องกันการเชื่อมโยงอัตโนมัติของจำนวนที่ระบุ


ข้อมูลเพิ่มเติม

หากคุณต้องการเชื่อมโยงหมายเลขบางหมายเลข แต่ไม่ใช่หมายเลขอื่นฉันจะใช้format-detectionเมตาแท็กเป็นการส่วนตัวเพื่อปิดใช้งานการหาตัวเลขอัตโนมัติจากนั้นเชื่อมโยงหมายเลขที่เป็นหมายเลขโทรศัพท์อย่างชัดเจน:

<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>

ตัวอย่าง PHP อยู่ที่นั่นเพื่อสลับtel:โครงร่างcallto:หากไม่ใช่เบราว์เซอร์มือถือ วิธีนี้สามารถเรียกใช้ Skype และโปรแกรม VoIP บนเดสก์ท็อปอื่น ๆ เมื่อมีการคลิกลิงก์


นี่เป็นวิธีแก้ปัญหาที่ดี แต่ถ้ามีเพียงจำนวนหนึ่งที่คุณไม่ต้องการแปลงเป็นลิงก์ มีวิธีที่จะทำโดยชั้นเรียนหรือคุณลักษณะเท่านั้น
ด่าน

2
@ ด่าน: ไม่มีวิธีที่เหมาะสมที่จะทำสิ่งนั้นนอกเหนือจากการใช้&shy;เพื่อแยกหมายเลข สิ่งที่ฉันจะทำคือปิดการเชื่อมโยงหมายเลขอัตโนมัติของ Safari ของ iOS จากนั้นก็ระบุอย่างชัดเจนว่าหมายเลขใดเป็นหมายเลขโทรศัพท์จริงโดยใช้มาร์กอัปความหมาย
หมิ่นฯ

ใช่นั่นอาจเป็นทางออกที่ดีที่สุดสำหรับกรณีเฉพาะของฉัน ขอบคุณ!
ด่าน
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.