아이폰 브라우저가 숫자를 링크로 바꾸지 않도록 유지


15

모바일 장치에서 볼 수있는 매우 간단한 페이지를 작성하고 있습니다. 아이폰 시뮬레이터에서 볼 때 아이폰 브라우저가 자동으로 숫자 문자열을 링크로 바꾸는 것으로 보았습니다.

문제는 내 페이지에 전화 번호처럼 보이지만 실제로는 그렇지 않은 수많은 숫자가 있다는 것입니다. 아이폰 브라우저에이 숫자들을 내버려 두라고하는 방법이 있습니까?

답변:


22

애플 측의 구현이 매우 좋지 않습니다 (이것은 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 프로그램이 트리거 될 수 있습니다.


이것은 훌륭한 솔루션이지만 링크로 변환하지 않으려는 특정 숫자 만 있으면 어떻게됩니까? 클래스 또는 속성으로 만 수행 할 수 있습니까?
Dan

2
@ 단 : &shy;숫자를 나누기 위해 사용 하는 것 이상으로 이상적인 방법은 없습니다 . 내가 할 일은 iOS의 Safari에서 숫자 자동 링크를 비활성화 한 다음 의미 적 마크 업을 사용하여 실제 전화 번호가되는 숫자를 명시 적으로 표시하는 것입니다.
Lèse majesté

네, 아마도 제 경우에는 가장 좋은 해결책 일 것입니다. 감사!
Dan
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.