본문 바로가기

Local Oriented/HTML CSS JS

iOS 에서 'tel:전화번호' 가 작동하지 않으면?

iOS 인데,

- 사파리에선 href="tel:전화번호' 가 작동하고

- 웹뷰를 가지고 있는 앱에선 작동하지 않음.


이리저리 확인해 보니, https://blog.naver.com/kilmmk/221382693516

iframe 안에서 href="tel:전화번호' 가 작동하지 않아서

target="_parent" 를 추가하니 정상 작동한다는 얘기는 있지만..


지금은 iframe 이 아니라 이미지 맵을 사용했던 것.

이미지 맵의 area 태그에 target="_parent" 속성을 추가 해도 iframe 관계가 아니다 보니 작동 않음.


그래서, 이미지 맵에서는 작동하지 않는 것으로 최종 진단.

이미지를 조각낸 다음, <a href="tel:전화번호"><img src="..."></a> 로 했더니,

아이폰에서 전화 앱이 정상적으로 호출됨.