Phonegap Build Open all external links on default browser

Question

I am working on a phonegap build project and I need to open all external links on the default browser.

I've tried this setting:

<preference name="stay-in-webview" value="false" />

but that's not opening the link in the default browser.

How can I get all external links to open in the default browser?

Midas · Accepted Answer · 2016-06-12T21:45:24.003

If I remember correct, you need to use the plugin org.apache.cordova.inappbrowser which hooks the window.open function, and adds the new _system target (this opens the default web browser).

So you can force your links to use window.open like this (jQuery):

$('a').click(function() {
    if (this.host !== window.location.host) {
        window.open(this.href, '_system');
        return false;
    }
});

<a href="http://stackoverflow.com">Stackoverflow</a>

Phonegap Build Open all external links on default browser

1 Answers1