[META] 모바일 자동 전화걸기 방지

모바일에서 자동으로 전화걸기 방지

모바일기기에서는 자동으로 전화를 걸거나 메일을 보내는 등 그 형식에 대해서 자동으로 form-detection이라는 것이 설정됩니다.

이것을 해지하기 위한 2가지 방법이 대표적인데요

1. format-detection meta 태그를 설정합니다.

전화 번호의 모든 자동 서식을 제거하려면 html 문서의 머리에 다음을 추가하십시오.

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

이 번호가 있는 페이지에 전화번호가 있으면 직접 링크 형식을 지정합니다.

<a href="tel:+1-555-555-5555">1-555-555-5555</a>

하지만 메타태그를 지정할 수 없는 경우도 있습니다. 이럴 때는 CSS를 이용합니다.

2. 메타 태그를 설정할 수 없습니까? CSS를 사용하고 싶습니까?

css를 사용하여 타겟팅하고 재설정해야하는 특정 속성을 조정할 수 있습니다.

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

ios에 해당하는 이 설정은 다른 모바일 브라우저에서 일부 적용되지 않을 수 있습니다.

이 외에도 여러가지 form-detection 속성들이 있습니다.

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

출처

https://stackoverflow.com/questions/3736807/how-do-i-remove-the-blue-styling-of-telephone-numbers-on-iphone-ios