phonegap open link in browser

Question

lt a target   blank  data-rel  external  href  http   www kidzout com  gt www kidzout com lt  a gt    hey experts i am using phonegap 2 9 0 and i am using the above code to open the link in the browser but it opens it in the same app       how to open it safari browser    it opens the website in the same app and then i am unable to come back to the app  so i need to delete the app and install that again

User · Answer

I also faced the issue that link was not opening on browser here is my fix with steps:

1: Install this cordova plugin.

cordova plugin add cordova-plugin-inappbrowser

2: add the open link in the html like following.

<a href="#" onclick="window.open('https://www.google.com/', '_system', 'location=yes');" >Google</a>

3: this is the most importaint step due to this I faced lots of issue: download the cordova.js file and paste it in the www folder. Then make a reference of this in the index.html file.

<script src="cordova.js"></script>

This solution will work for both the environment android and iPhone.

User · Answer

Like this      lt a href     onclick  window open  https   www nbatou com     system    return false   gt https   www nbatou com lt  a gt

User · Answer

lt a onclick  navigator app loadUrl  https   google com      openExternal true      gt Link lt  a gt    Works for me with android  amp  PG 3 0

User · Answer

I m using PhoneGap Build  v3 4 0   with focus on iOS  and I needed to have this entry in my config xml for PhoneGap to recognize the InAppBrowser plug-in    lt gap plugin name  org apache cordova inappbrowser    gt    After that  using window open url  target  should work as expected  as documented here

User · Answer

If you happen to have jQuery around  you can intercept the click on the link like this     document  on  click    a   function  event        event preventDefault        window open   this  attr  href      system        return false        This way you don t have to modify the links in the html  which can save a lot of time  I have set this up using a delegate  that s why you see it being tied to the document object  with the  a  tag as the second argument  This way all  a  tags will be handled  regardless of when they are added   Ofcourse you still have to install the  InAppBrowser plug-in   cordova plugin add org apache cordova inappbrowser

User · Answer

As suggested in a similar question  use JavaScript to call window open with the target argument set to  system  as per the InAppBrowser documentation    lt a href     onclick  window open  http   www kidzout com     system    return false   gt www kidzout com lt  a gt    This should work  though a better and more flexible solution would be to intercept all links  click events  and call window open with arguments read from the link s attributes   Remember you must install the InAppBrowser plugin for this to work   cordova plugin add cordova-plugin-inappbrowser

User · Answer

None of these answers are explicit enough to get external links to open in each platform   As per the inAppBrowser docs   Install  cordova plugin add cordova-plugin-inappbrowser   Overwrite window open  optional  but recommended for simplicity   window open   cordova InAppBrowser open    If you don t overwrite window open  you will be using the native window open function  and can t expect to get the same results cross-platform   Use it to open links in default browser  window open your href value    system      Note that the target for the inAppBrowser  which is what the plugin name suggests it is to be used for  is   blank   instead of   system      Without the steps above  I was not able to get links to open in the default browser app cross-platform   Extra credit  Here s an example  live  click handler for the links   document addEventListener  click   function  e        if  e target tagName      A   amp  amp          e target href match   https                    e preventDefault            window open e target href    system

User · Answer

There are 2 different ways to open URL in android and iphone   FOR IOS use following code   window open  http   google com     system      and for android OS use following code   navigator app loadUrl  http   google com    openExternal   true

User · Answer

window open  http   www kidzout com     system      Will work but only if you have the inappbrowser plugin installed   To install  using terminal  browse to the www folder in your project and type   phonegap plugin add org apache cordova inappbrowser   or  cordova plugin add org apache cordova inappbrowser   Then it your link will open in the browser

User · Answer

At last this post helps me on iOS  http   www excellentwebworld com phonegap-open-a-link-in-safari-or-external-browser       Open  CDVwebviewDelegate m  file and search  shouldStartLoadWithRequest   then add this code to the beginning of the function   if   NSString stringWithFormat       request URL  rangeOfString   file   location   NSNotFound          UIApplication sharedApplication  openURL  request URL        return NO       While using navigator app loadUrl  http   google com    openExternal   true    for Android is OK   Via Cordova 3 3 0

User · Answer

With Cordova 5 0 and greater the plugin InAppBrowser is renamed in the Cordova plugin registry  so you should install it using   cordova plugin add cordova-plugin-inappbrowser --save   Then use   x000D   x000D   lt a href     onclick  window open  http   www kidzout com     system     gt www kidzout com lt  a gt  x000D   x000D   x000D

User · Answer

As answered in other posts  you have two different options for different platforms  What I do is   document addEventListener  deviceready   onDeviceReady  false    function onDeviceReady             Mock device platform property if not available     if   window device            window device     platform   Browser                handleExternalURLs       function handleExternalURLs            Handle click events for all external URLs     if  device platform toUpperCase        ANDROID               document  on  click    a href   http     function  e                var url     this  attr  href                navigator app loadUrl url    openExternal  true                 e preventDefault                          else if  device platform toUpperCase        IOS               document  on  click    a href   http     function  e                var url     this  attr  href                window open url    system                e preventDefault                          else              Leave standard behaviour           So as you can see I am checking the device platform and depending on that I am using a different method  In case of a standard browser  I leave standard behaviour  From now on the solution will work fine on Android  iOS and in a browser  while HTML page won t be changed  so that it can have URLs represented as standard anchor   lt a href  http   stackoverflow com  gt    The solution requires InAppBrowser and Device plugins

[html] phonegap open link in browser

Examples related to html

Examples related to cordova