Cordova InAppBrowser EventListeners 不适用于 ios

Question

When run on the iphone 7 device or emulator, inappbrowser successfully opens, but the eventlisteners are never called. The code below works fine on android. I am working on cordova 6.5.0 and the inappbrowser plugin is version 1.6.1. I am currently working on mac osx 10.12.2.

function redirect () {
  if (isloggedin){
    navigator.notification.alert("You are already logged in");
  } else {
    var url = "https://connect.stripe.com/oauth/authorize?response_type=code&client_id=CLIENT_ID&scope=read_write";
    var target = "_system";
    var options = "location=yes, hidden=no, clearcache=yes";
    browserRef.addEventListener('loadstart', function(event) {
      if ((event.url).indexOf("https://example.com") !== -1) {
        var redirectedURI = event.url;
        registerUser(redirectedURI);
        browserRef.close();
      }
    });
  }
}

Here is an image of a navigator notification with info about browserRef. I am more than happy to provide more info such as my config.xml. Any help is much appreciated, thanks.

Edit: Whenever I try adding browserRef.close() at the end of my redirect function, I get an error from xcode "IAB.close() called but it was already closed". I've also tried window.open() without any success.

Edit 2: The redirect function is called on click of this button

<a href="#" onClick="redirect();">Online Payments</a>

Answer 1

Okay, so after trying several things this is what worked for me. I tested firing all four possible inappbrowser events on different targets. The only target for which these events would fire back was "_blank".

browserRef.addEventListener('loadstart', function(event) { navigator.notification.alert(event, event.url); });
browserRef.addEventListener('loadstop', function(event) { navigator.notification.alert(event); });
browserRef.addEventListener('loaderror', function(event) { navigator.notification.alert(event, event.code, event.message); });
browserRef.addEventListener('exit', function(event) { navigator.notification.alert("exit"); });

Something else I noticed: For some reason "loadstart" would only run on "_self".

Although I have worked around the issue, if anyone can provide some insight into why this happens, I'd be glad to provide some more details about my code/build.

Answer 2

Problem was my iOS platform wasn't latest.

So when you developing apps using cordova make sure your platform versions and plugins are up-to date with OS upgraded.

So all I had to do is

Removing iOS platform.

cordova platform rm ios

Adding iOS platform - Latest Version

cordova platform add ios

Removing the plugin cordova-plugin-inappbrowser

cordova plugin remove cordova-plugin-inappbrowser

Adding the plugin cordova-plugin-inappbrowser - Latest Version

cordova plugin add cordova-plugin-inappbrowser

https://guntucomputerhacks.blogspot.com/2019/07/cordova-inappbrowser-eventlisteners-not.html