在 cordova-inappbrowser-plugin 中启动的外部站点的跟踪 url

Question

我目前正在构建一个 ionic 应用程序，该应用程序将成为外部 Web 应用程序的包装器。我想要做的是能够跟踪用户在外部网络应用程序中更改位置时重定向到的 url。

在我的主控制器中，我有以下代码。

app.controller('MainCtrl', function ($rootScope) {
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        // Now safe to use the Codova API
        var url = "https://external-site/";
        var target = "_self";
        var options = "location=no";
        var ref = cordova.InAppBrowser.open(url, target, options);
        ref.addEventListener('loadstart', function () {
            console.log("loadstart");
        });
    }
});

当页面加载时，我没有触发事件侦听器或当用户更改外部站点中的位置时。我尝试将目标指向 _system 和 _blank，这对我来说没有任何区别。

谁能帮帮我？

提前致谢。

Answer 1

根据我的经验，并非所有事件都会在所有平台上触发。尝试订阅所有事件并打印一些调试信息。然后在不同的设备（iOS、android）上进行测试，看看触发了哪些事件。

$rootScope.$on('$cordovaInAppBrowser:loadstart', function(e, event){console.log('start')};
$rootScope.$on('$cordovaInAppBrowser:loadstop', function(e, event){console.log('stop')});
$rootScope.$on('$cordovaInAppBrowser:loaderror', function(e, event){console.log('err')});
$rootScope.$on('$cordovaInAppBrowser:exit', function(e, event){console.log('exit')});

顺便说一句：我在这里使用 ngCordova...

Answer 2

很奇怪..我所做的只是更新 ionic，运行 'ionic start test blank' 将插件修改 app.js 添加到此

angular.module('starter', ['ionic'])
      .run(function ($ionicPlatform) {
        $ionicPlatform.ready(function () {
          if (window.cordova && window.cordova.plugins.Keyboard) {
            var inAppBrowserRef;
            var target = "_self";
            var options = "location=no";

            inAppBrowserRef = cordova.InAppBrowser.open('https://onesignal.com/', target, options);
            inAppBrowserRef.addEventListener('loadstart', function () { console.log('start') });
            inAppBrowserRef.addEventListener('loadstop', function () { console.log('stop') });
            inAppBrowserRef.addEventListener('loaderror', function () { console.log('err') });
          }
        });
      })

然后运行“ionic run android”，所有事件都会触发 perf。