Instantly share code, notes, and snippets.

Embed
What would you like to do?
[PhoneGap] Open any external link inside PG inAppBrowser
/* Handle any link start with http or https using PhoneGap (Cordova) inAppBrowser
* Options you can set data-in-app-browser html attribute to one of the
* following options:
* _self - opens in the Cordova WebView if url is in the white-list, else it opens in the InAppBrowser
* _blank - always open in the InAppBrowser
* _system - always open in the system web browse
*/
$(document).on('click', 'a[href^=http], a[href^=https]', function(e){
e.preventDefault();
var $this = $(this);
var target = $this.data('inAppBrowser') || '_blank';
window.open($this.attr('href'), target, 'location=no');
});
@mtamony

This comment has been minimized.

mtamony commented Sep 6, 2013

Yes!!!! Thank you so much this is a lifesaver!

@JonathanHindi

This comment has been minimized.

Owner

JonathanHindi commented Oct 30, 2013

@mtamony You are welcome..

@mtamony

This comment has been minimized.

mtamony commented Feb 25, 2014

Jonathan do you have any idea how I can eliminate certain links from this code? I've run into a problem with all links opening with InApp. Google maps used to open on Android with maps:q= but now it doesn't. This worked great because it avoided InApp and opened the Google maps app. Now I'm adding http://maps.google.com to get it to work and InApp is grabbing the link. Google maps in the InApp browser is terrible.

@ghost

This comment has been minimized.

ghost commented Jul 12, 2014

How would this work if i need to POST a form to an external URL and want to open it in the InApp Browser ?

@DmitryAnzin

This comment has been minimized.

DmitryAnzin commented Aug 25, 2014

Thank you very much!! You really help me!

@freddiescott

This comment has been minimized.

freddiescott commented Jan 8, 2015

Thanks !

@kennypetrowski

This comment has been minimized.

kennypetrowski commented Jun 19, 2015

Dumb question, but... how exactly do I call this into my Ionic project? I get that I should create the js file, reference it in index.html, but any other code I need to add to the above to make it update all my links to open in the inAppBrowser?

Thanks!

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