CODEWITHSUNDEEP
iosswiftsafariwkwebview
Greg Williams
Greg Williams

Reputation: 1139

WKWebView open links from certain domain in safari

Within my app I am want to open links from within my domain (e.g.: communionchapelefca.org) in WKWebView but then have links from other domains open in Safari. I would prefer to do this programmatically.

I have found a few solutions on Stack overflow (here, here, here, and here) but they all seem to be Obj-C based and I am looking for a solution using Swift.

ViewController.swift:

import UIKit
import WebKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let myWebView:WKWebView = WKWebView(frame: CGRectMake(0, 0,   UIScreen.mainScreen().bounds.width, UIScreen.mainScreen().bounds.height))
        
        myWebView.loadRequest(NSURLRequest(URL: NSURL(string: "http://www.communionchapelefca.org/app-home")!))
        
        self.view.addSubview(myWebView)

Upvotes: 76

Views: 77377

Answers (8)

Raja Saad
Raja Saad

Reputation: 454

If you're working with a WKWebView in iOS and need to intercept JavaScript-triggered links (e.g., window.open) and open them in Safari instead of inside the web view, you can achieve this by implementing the WKUIDelegate method createWebViewWith and returning nil.

Here’s how to do it:

Solution When a website in a WKWebView calls window.open() (for example, when clicking a link with target="_blank"), it attempts to create a new web view. To handle this and open the link externally in Safari, you can implement the following method:

// This method is called when a website tries to open a new web view (e.g., via window.open)
    func webView(_ webView: WKWebView, createWebViewWith configuration: WKWebViewConfiguration, for navigationAction: WKNavigationAction, windowFeatures: WKWindowFeatures) -> WKWebView? {
        // Check if the navigation request is for a valid URL
        if let url = navigationAction.request.url {
            // Open the link in Safari
            UIApplication.shared.open(url, options: [:], completionHandler: nil)
        }
        
        // Return nil because we don't want to create a new web view inside the app
        return nil
    }

Upvotes: 0

Leo Dabus
Leo Dabus

Reputation: 236528

You can implement WKNavigationDelegate, add the decidePolicyForNavigationAction method and check there the navigationType and requested url. I have used google.com below but you can just change it to your domain:

Xcode 8.3 • Swift 3.1 or later

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate {

    let webView = WKWebView()

    override func viewDidLoad() {
        super.viewDidLoad()
        
        webView.frame = view.bounds
        webView.navigationDelegate = self

        let url = URL(string: "https://www.google.com")!
        let urlRequest = URLRequest(url: url)

        webView.load(urlRequest)
        webView.autoresizingMask = [.flexibleWidth,.flexibleHeight]
        view.addSubview(webView)
    }

    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        if navigationAction.navigationType == .linkActivated  {
            if let url = navigationAction.request.url,
                let host = url.host, !host.hasPrefix("www.google.com"),
                UIApplication.shared.canOpenURL(url) {
                UIApplication.shared.open(url)
                print(url)
                print("Redirected to browser. No need to open it locally")
                decisionHandler(.cancel)
                return
            } else {
                print("Open it locally")
                decisionHandler(.allow)
                return
            }
        } else {
            print("not a user click")
            decisionHandler(.allow)
            return
        }
    }
}

Upvotes: 162

ingconti
ingconti

Reputation: 11666

Swift 5 and iOS >10

Don't use UIApplication.shared.openURL(url!), it's deprecated. We use UIApplication.shared.open(url!) instead.

 public func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        
        guard let url = navigationAction.request.url else{
            decisionHandler(.allow)
            return
        }
        
        let urlString = url.absoluteString.lowercased()
        if urlString.starts(with: "http://") || urlString.starts(with: "https://") {
            decisionHandler(.cancel)
            UIApplication.shared.open(url, options: [:])
        } else {
            decisionHandler(.allow)
        }
        
    }

Upvotes: 4

Andy G
Andy G

Reputation: 129

Swift 4 update for George Vardikos answer:

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

        if url!.description.lowercased().starts(with: "http://") ||
            url!.description.lowercased().starts(with: "https://")  {
            decisionHandler(.cancel)
            UIApplication.shared.open(url!, options: [:], completionHandler: nil)
        } else {
            decisionHandler(.allow)
        }
}

Upvotes: 6

George Vardikos
George Vardikos

Reputation: 2437

My swift 3 solution:

    public func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {

        let url = navigationAction.request.url

        if url?.description.lowercased().range(of: "http://") != nil || url?.description.lowercased().range(of: "https://") != nil {
            decisionHandler(.cancel)
            UIApplication.shared.openURL(url!)
        } else {
            decisionHandler(.allow)
        }

    }

Do not forget also to setup te delegate 

    public override func loadView() {
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.uiDelegate = self
        webView.navigationDelegate = self
        view = webView
    }

Upvotes: 3

headstream
headstream

Reputation: 226

Here is sample code from the response to the swift written in obj c.

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(nonnull WKNavigationAction *)navigationAction decisionHandler:(nonnull void (^)(WKNavigationActionPolicy))decisionHandler
{
    if (navigationAction.navigationType == WKNavigationTypeLinkActivated) {
        if (navigationAction.request.URL) {
            NSLog(@"%@", navigationAction.request.URL.host);
            if (![navigationAction.request.URL.resourceSpecifier containsString:@"ex path"]) { 
                if ([[UIApplication sharedApplication] canOpenURL:navigationAction.request.URL]) {
                    [[UIApplication sharedApplication] openURL:navigationAction.request.URL];
                    decisionHandler(WKNavigationActionPolicyCancel);
                }
            } else {
                decisionHandler(WKNavigationActionPolicyAllow);
            }
        }
    } else {
        decisionHandler(WKNavigationActionPolicyAllow);
    }
}

Upvotes: 11

Gianfranco Lemmo
Gianfranco Lemmo

Reputation: 451

For Swift 3.0

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate {
    let wv = WKWebView(frame: UIScreen.main.bounds)
    override func viewDidLoad() {
        super.viewDidLoad()
        guard let url =  NSURL(string: "https://www.google.com") else { return }
        wv.navigationDelegate = self
        wv.load(NSURLRequest(url: url as URL) as URLRequest)
        view.addSubview(wv)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
        if navigationAction.navigationType == .LinkActivated  {
            if let newURL = navigationAction.request.url,
                let host = newURL.host , !host.hasPrefix("www.google.com") &&
                UIApplication.shared.canOpenURL(newURL) &&
                UIApplication.shared.openURL(newURL) {
                    print(newURL)
                    print("Redirected to browser. No need to open it locally")
                    decisionHandler(.cancel)
            } else {
                print("Open it locally")
                decisionHandler(.allow)
            }
        } else {
            print("not a user click")
            decisionHandler(.allow)
        }
    }
}

Upvotes: 9

Code Different
Code Different

Reputation: 93191

Make a function to decide where to load the URL:

func loadURLString(str: String) {
    guard let url = NSURL(string: str) else {
        return
    }

    if url.host == "www.communionchapelefca.org" {
        // Open in myWebView
        myWebView.loadRequest(NSURLRequest(URL: url))
    } else {
        // Open in Safari
        UIApplication.sharedApplication().openURL(url)
    }
}

Usage:

loadURLString("http://www.communionchapelefca.org/app-home") // Open in myWebView
loadURLString("http://www.apple.com") // Open in Safari

Upvotes: 3

Related Questions