[swift] iOS webView에서 전화,문자 보내기 버튼이 작동하게 하기

웹이나 안드로이드 환경에서는 잘 작동하는 전화, 문자 보내기 버튼이

 

이상하게 iOS인앱에서는 작동하지 않았다.

 

문제는 html에서 <a /> 태그가 잘 동작하지 않아서였다!

 

해결 방법은

 

<a href="tel: 010-1234-5678"></a > 인 tag안에

 

<a target="_parent" href="tel: 010-1234-5678"></a >

 

target="_parent" 를 추가해주면 된다.

 

추가로 웹뷰에서 클릭액션을 받기위해 WebView에 Delegate를 더 추가해줘야 한다.

 

class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate{

  @IBOutlet weak var webView: WKWebView!

  webView.navigationDelegate = self
  webView.uiDelegate = self
  super.viewDidLoad()
  webViewInit()
  
  func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
    if navigationAction.request.url?.scheme == "tel" {
        UIApplication.shared.openURL(navigationAction.request.url!)
        decisionHandler(.cancel)
    } else {
        decisionHandler(.allow)
    }

 

해당 func을 더 추가해줬다.

 

"tel"이란 url을 받았을때 동작할 수 있게 해준다.

 

마찬가지로 문자라면 "sms" 나 필요한 url이름으로 받아주면 된다.

 

ios - WKWebView issues with tel: links - Stack Overflow

WKWebView issues with tel: links

 

참고한 stackoverflow 게시글이다.