tel 的 WKWebView 问题：链接

Question

我已经查看了这个问题的很多答案，但它们现在似乎已经过时了，没有一个解决方案对我有用，只是给出了很多错误。

我刚刚进入 xcode 和应用程序，并将本地 html 文件“index.html”加载到 WKWebView 中。这很好，加载很好，按原样显示，但是我有一些 tel: 页面上的链接不起作用，我点击它们却什么也没有。我正在为我的 html 文件使用 fraework7，并添加了“外部”类，它可以在 safari 等中使用。

更新：使用以下代码，我可以单击一个链接，它会尝试调用，但随后会出现致命错误

import UIKit
import WebKit
class ViewController: UIViewController, WKNavigationDelegate{

    @IBOutlet weak var webview: WKWebView!
    override func viewDidLoad() {
        webview.navigationDelegate = self
        super.viewDidLoad()
        let htmlpath = Bundle.main.path(forResource: "index", ofType: "html")
        let url = URL(fileURLWithPath: htmlpath!)
        let request = URLRequest(url: url)
        webview.load(request)
        webview.scrollView.bounces = false
        webview.configuration.dataDetectorTypes = .phoneNumber
        // Do any additional setup after loading the view, typically from a nib.
    }
    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Swift.Void) {
        if navigationAction.request.url?.scheme == "tel" {
            UIApplication.shared.openURL(navigationAction.request.url!)
            decisionHandler(.cancel)
        }
        decisionHandler(.allow)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


}

html 看起来像：

          <tr>

            <td>Police / Fire / Ambulance</td>

            <td>Emergency Services</td>

            <td><a href = "tel:999" class = "external">999</a></td>

          </tr>

显然是较大表格的一部分，但这是示例。

任何指针都将不胜感激，因为我多年来一直在兜圈子。

Answer 1

终于找到了解决办法：

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate, WKUIDelegate{

  @IBOutlet weak var webView: WKWebView!

  override func viewDidLoad() {
    webView.navigationDelegate = self
    webView.uiDelegate = self
    super.viewDidLoad()
    let htmlpath = Bundle.main.path(forResource: "index", ofType: "html")
    let url2 = URL(fileURLWithPath: htmlpath!)
    let request = URLRequest(url: url2)
    webView.load(request)
    webView.scrollView.bounces = false
    //webview.configuration.dataDetectorTypes = .phoneNumber
  }

  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)
    }
}

使用这个似乎可以接电话：链接很好，我之前在这里找到的答案没有 else 语句，所以多次触发了导致错误的决策处理程序，else 语句修复了这个问题，现在看起来很好。

Answer 2

WKWebView 不只是开箱即用地处理 tel: 链接。 mailto: 和 facetime: 等其他链接也不会被处理。有关此类特殊链接的完整列表，请参阅Apple's documentation。

您应该决定要处理哪些 Apple 的特殊链接（请参阅上面的链接），并以类似于以下方式覆盖导航处理程序：

webView.navigationDelegate = self

...

extension ViewController: WKNavigationDelegate {

  func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
    guard let url = navigationAction.request.url else {
      decisionHandler(.allow)
      return
    }

    if ["tel", "sms", "facetime"].contains(url.scheme) && UIApplication.shared.canOpenURL(url) {
      UIApplication.shared.open(url, options: [:], completionHandler: nil)
      decisionHandler(.cancel)
    } else {
      decisionHandler(.allow)
    }
  }
}

我能想到 Apple 没有首先包含此链接的唯一原因是，当您尝试在 Mobile Safari 中启动其中一个链接时，它会显示如下对话框：

此网站已被阻止自动拨打电话。
[忽略] [允许来电]

因此，他们可能希望您希望在您的应用中实现类似的东西，而不是仅仅启动调用。

但是请注意，每种类型的链接行为不同：

• tel: 显示带有呼叫/取消按钮的电话号码的对话框。
• sms: 启动消息应用程序。
• mailto: 启动邮件应用程序。

因此，如果您确实想要某种模式，允许用户在他们无意执行操作时取消，这取决于您支持的操作，它可能已经具有类似的行为（例如tel:）。

Answer 3

只需将WKNavigationDelegate 和dataDetectorTypes 用于WKWebView 配置，如下所示：

webView.navigationDelegate = self
webView.configuration.dataDetectorTypes = [.link, .phoneNumber]

extension PDFWebViewController: WKNavigationDelegate {

    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        if let requestUrl = navigationAction.request.url, requestUrl.scheme == "tel" {
            UIApplication.shared.open(requestUrl, options: [:], completionHandler: nil)
            decisionHandler(.cancel)

        } else {
            decisionHandler(.allow)
        }
    }

}

Answer 4

虽然建议的答案可以正常工作 - 我建议使用白名单方法而不是黑名单。我们知道 WKWebView 只能处理 http/https 链接，因此我们可以优雅地处理打开任何其他类型的链接的错误。

func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
    self.handleNavigationError(error)
}

func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) {
    self.handleNavigationError(error)
}

private func handleNavigationError(_ error: Error) {
    if let failedUrl = (error as NSError).userInfo[NSURLErrorFailingURLErrorKey] as? URL, failedUrlScheme = failedUrl.scheme?.lowercased(), !["http", "https"].contains(failedUrlScheme) {
        UIApplication.shared.open(failedUrl, completionHandler: nil)
    } else {
        // handle other errors if needed
    }
}

在这种情况下，您将支持所有类型的外部应用链接，例如 tel:、sms:、faceTime:、itms-services: 等。