Skip to content

Instantly share code, notes, and snippets.

@mwbrooks
Created February 15, 2011 18:43
Show Gist options
  • Star 13 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save mwbrooks/827979 to your computer and use it in GitHub Desktop.
Save mwbrooks/827979 to your computer and use it in GitHub Desktop.
ON PhoneGap-iOS, open external links in the external browser (Safari.app)
/**
* Note: the following function should already exist in your application delegate file.
* Replace it with the following implementation.
*
* Thanks to @purplecabbage for implementation.
* Thanks to Ruddiger for the iFrame patch.
*/
// ...
/**
* Start Loading Request
* This is where most of the magic happens... We take the request(s) and process the response.
* From here we can re direct links and other protocalls to different internal methods.
*/
- (BOOL)webView:(UIWebView *)theWebView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
NSURL *url = [request URL];
// Intercept the external http requests and forward to Safari.app
// Otherwise forward to the PhoneGap WebView
// Avoid opening iFrame URLs in Safari by inspecting the `navigationType`
if (navigationType == UIWebViewNavigationTypeLinkClicked && [[url scheme] isEqualToString:@"http"] || [[url scheme] isEqualToString:@"https"]) {
[[UIApplication sharedApplication] openURL:url];
return NO;
}
else {
return [ super webView:theWebView shouldStartLoadWithRequest:request navigationType:navigationType ];
}
}
@stritti
Copy link

stritti commented Dec 12, 2011

Sorry I have no Idea of Objective-C, but is it possible to verify if the url is in the whitelist? I would like to open all not whitelisted URLs in external Safari

@GopinathMR
Copy link

You can add URL schemes "mailto" and "tel" as well. That way , if you have < a href=" mailto:a@b.com" > or < a href="tel:1234" >call me</ a>, they open email client and telephone app respectively.

@Ruddiger
Copy link

One issue with this fix is that iframes will also open in external Safari. Here is a solution (works with 1.4.1):

/**

  • Start Loading Request

  • This is where most of the magic happens... We take the request(s) and process the response.

  • From here we can re direct links and other protocalls to different internal methods.
    */

  • (BOOL)webView:(UIWebView *)theWebView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
    {
    NSURL *url = [request URL];

    if(navigationType == UIWebViewNavigationTypeLinkClicked && ([[url scheme] isEqualToString:@"http"] || [[url scheme] isEqualToString:@"https"])){
    [[UIApplication sharedApplication] openURL:url];
    return NO;
    }
    else {
    return [self.viewController webView:theWebView shouldStartLoadWithRequest:request navigationType:navigationType];
    }
    }

@mwbrooks
Copy link
Author

Nice, thanks @Ruddiger!

@JonathanSchndr
Copy link

update - with this code you can create a iframe with inside and external links.
you need inside links? add a relative url -> test.php
you need external links? add a absolute url with http: or https and #external

  • (BOOL)webView:(UIWebView *)theWebView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
    {
    NSURL *url = [request URL];

    // Intercept the external http requests and forward to Safari.app
    // Otherwise forward to the PhoneGap WebView
    // Avoid opening iFrame URLs in Safari by inspecting the navigationType
    if (navigationType == UIWebViewNavigationTypeLinkClicked && [[url scheme] isEqualToString:@"#external"] && [[url scheme] isEqualToString:@"http"] || [[url scheme] isEqualToString:@"https"]) {
    [[UIApplication sharedApplication] openURL:url];
    return NO;
    }
    else {
    return [ super webView:theWebView shouldStartLoadWithRequest:request navigationType:navigationType ];
    }
    }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment