在Phonegap InAppBrowser中显示加载指示器

Question

我正在尝试使用以下代码加载页面时在Phonegap InAppBrowser中显示加载指示器:

    var ref;
    ref = window.open('http://www.google.com', '_top', 'location=no');
    ref.addEventListener('loadstart', function(event) { 
        //navigator.splashscreen.show();
        navigator.notification.activityStart("", "loading");
    });
    ref.addEventListener('loadstop', function(event) { 
        //navigator.splashscreen.hide();
    navigator.notification.activityStop();
    });

它不显示指标.我认为z-index低于InAppBrowser的z-index.

如果我使用启动画面而不是加载指示器它可以工作.

Answer 1

您可以InAppBrowser在hidden模式下打开,同时显示一个微调器,当它完成加载时隐藏微调器并显示InAppBrowser:

showSpinner() // implement by yourself
var popup = window.open(url, "_blank", "location=no,toolbar=no,hidden=yes");
popup.addEventListener("loadstop", function() {
  popup.show();
  hideSpinner(); // implement by yourself
});

Answer 2

查看链接，它详细解释了它。这个加载屏幕不适用于ios，但在android上工作绝对正常 http://javacourseblog.blogspot.in/2014/02/show-loading-screen-in-phonegap-app.html