[IOS Swift] WKWebView(웹뷰)에서 전화번호, 주소, 이메일 자동 링크 제거

안녕하세요. 스위프트로 웹뷰를 개발하는 도중 

 

전화번호, 주소, 이메일에 자동으로 링크가 걸려 있어 이를 비활성화 해야 했습니다. 

 

저는 모든 a태그에 로딩바와 같은 페이지 전환 효과를 구현해놨기 때문에,

 

실제로 페이지 이동 목적이 없는 a태그는 제거해야 하는 상황이었죠.

 

구글에 많은 글들이 이러한 자동 링크를 비활성화 하는 방법으로 아래와 같은 코드를 적어놨습니다.

 

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

 

위의 메타 태그를 웹페이지에 추가하는 것인데,

 

모바일 사파리에 웹에서는 시도해보지 않았지만

 

WKWebView에서는 저 방법은 작동 되지 않습니다. 

 

 

그러나 코드 없이도 자동 링크를 비활성화 할 수 있습니다. 

 

 

 

 

위의 이미지에서 제가 빨갛게 동그라미 쳐놓은 부분의 Phone Number와 Address, Calendar Event, Tracking Number,

 

FlightNumber을 uncheck 해주세요. 웹뷰에서 위와 같은 데이터를 자동으로 감지하여 링크를 만드는 것입니다. 

 

그러니 체크를 취소하면 자동 링크 기능이 비활성화 됩니다. 

 

실제로 각 기능이 궁금해서 찾아보니 

 

address기능은 주소를 감지하여 링크를 만들고 사용자가 이 주소를 클릭하면 지도앱에서 이 주소를 표시해줍니다.

 

Calendar Event 기능은 날짜 표시된 링크를 클릭하면 사용자가 달력앱에서 기념일나 일정을 추가할 수 있습니다 .

 

Tracking numer은 바코드 숫자, Flight number은 항공권 번호 인데 링크를 클릭하면 항공정보가 나온다고 합니다. 

 

상당히 좋아 보이는 기능이지만 저의 앱에는 필요없는 기능이라 모두 비활성화 하였습니다. 

 

체크박스만 해제하고 다시 빌드하면 비활성화 되어 있는 것을 확인 할 수 있을 것입니다.