[iOS] 사파리에서 전화번호/팩스번호/사업자번호 자동 인식 문제

아이폰으로 사파리 브라우저에서 웹 사이트를 테스트 하던 중,

전화번호, 팩스번호, 사업자번호 항목이 자동으로 링크로 인식되는 문제가 있어 이 글을 작성하게 되었다.

 

이런 문제가 생긴 이유는 iOS에서 해당 번호들을 자동으로 인식하여 a 태그로 바꿔주었기 때문이며,

간단한 해결방법은 아래와 같다.

 

 

meta 태그 추가

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

 

nuxt3 인 경우

export default defineNuxtConfig({
  app: {
    head: {
      meta: [{ name: "format-detection", content: "telephone=no" }],
    },
  },
  ...
}