본문 바로가기
모바일

[IOS Swift] WKWebView에서 모바일 사파리 새창으로 이동 링크 막기

by 코딩공장공장장 2021. 2. 26.

안녕하세요. 

 

WKWebView로 웹뷰를 개발하고 있습니다. 

 

실서버에 호스팅하고 안드로이드 웹뷰로도 배포하고 있는 웹프로젝트가 있습니다. 

 

이제 ios 버전도 출시계획이 있기 때문에 swift로 WKWebView를 개발하는 중

 

안드로이드와 다르게 링크를 길게 누르면 프리뷰(?)와 같은 미리보기 창이 보이면서 사파리 웹뷰로 이동할수 있습니다.

 

 

 

 

허나 저의 앱은 웹뷰이기 때문에 앱에 상당히 많은 링크가 있고 사용자가 의도하지 않게 길게 누르게 되면

 

위와 같은 오픈 링크 탭이 나와 오히려 불편을 초래할 수 있습니다. 

 

사실상 왠만한 웹뷰 앱에서 저 기능을 비활성화하는 경우가 많습니다. 

 

사용자가 굉장히 불편하기 때문이죠.

 

위의 기능을 영어권 국가에서는 long touch open link 또는 long press open link라고

 

개발자들(??) 사이에서 많이 불리우나 봅니다.

 

ios 앱개발은 안드로이드나 웹개발에 비해 한글로 된 소스가 굉장히 부족해 저 또한 애초부터 영어로 검색하는 경우가 

 

많은데요, 영어로 된 개발 용어에 익숙해져야 할 것 같습니다.

 

 

해결방법

 

body{
 -webkit-touch-callout: none;
}

 

간단합니다. 웹프로젝트의 뷰 페이지에서  바디 셀렉터에 -webkit-touch-callout:none; 추가 시켜주면 됩니다. 

 

웹페이지에서 수정하는 것이 자신의 웹프로젝트로 구현하는 경우에 가능합니다.

 

반응형