컨텐츠중 전화번호 텍스트 노출하는게 있었는데 iOS safari 브라우저 에서 텍스트가 보이지 않았다.
자세히 보니 전화번호 링크로 활성화되있는걸 확인할 수 있었다. (tel link)
대시(-)를 삭제하니 텍스트로 제대로 보여지지만
1234-1234 이런식으로 작성되어있으면 링크가 활성화 되는게 문제.
다행히 해결방법은 금방 찾을 수 있었다.
head에 <meta name="format-detection" content="telephone=no"> 메타태그만 기입해주면 된다.
대부분 <a tel="1234-1234">1234-1234</a> 이렇게 작성하다보니 이런 이슈가 있는줄은 처음알았다.
* 관련문서
https://stackoverflow.com/questions/226131/how-to-disable-phone-number-linking-in-mobile-safari
'코딩 > MOBILE' 카테고리의 다른 글
[jquery] 모바일 video autoplay 관련 정리와 인앱 브라우저 체크 방법 (0) | 2018.12.04 |
---|---|
모바일 햄버거 메뉴 (레프트 메뉴) 오픈 스크롤 막기 (0) | 2017.01.24 |
모바일 인앱 브라우저 변수 지정 (0) | 2017.01.23 |