Section:

Open cordova or ionic links in external browser

First step is to install the "InAppBrowser" plugin. The name is a bit confusing but it will allow you to open links in the default browser when passing a certain parameter. Details about the plugin are available, but you'll just need to run the command.

sh

1cordova plugin add org.apache.cordova.inappbrowser

Next we'll have to make a couple changes to your web app so that when window.open is called we'll inject the extra parameter '_system' which will open the link in the external browser. First look for a script tag that has the code $(document).bind("mobileinit")..., and inside that same script tag add the following code:

sh

1document.addEventListener('deviceready', function() {
2    var oldOpen = window.open;
3    window.open = function(target) {
4        return oldOpen(target, '_system');
5    };
6});

The last change is to add the following line

sh

1<script src="../../cordova.js"></script>
2<link rel="stylesheet" href="external/custom.css" />

This is the path to cordova.js if you followed the steps in WebViewer's cordova sample readme, there if you've changed the structure to fit your app then be sure that the URL correctly references cordova.js.

Did you find this helpful?

Trial setup questions?

Ask experts on Discord

Need other help?

Contact Support

Pricing or product questions?

Contact Sales