如何在cordova项目中异步打开inappbrowser

Question

我正在phonegap cordova中创建一个Android应用程序，在这里我正在使用浏览器插件将网站转换为webview。我的问题是在浏览器中查找它在应用程序中显示白色屏幕，有什么办法可以避免这个空白屏幕。我已经设置了闪光灯过滤应用程序，但对不兼容的浏览器无效。

我可以通过以下一种方法来解决问题

1）如果有任何方法可以将闪光灯屏幕设置为浏览器

要么

2）如果我能够异步加载inappbrowser，在加载期间我可以显示应用程序的闪屏

要么

3）还有其他解决方法吗？

我已使用以下javascript代码

function onDeviceReady() {
    var url = 'http://www.mahadevaastro.com/bayarkart/';
    var target = '_blank';
    var options = "location=no,zoom=no"
    var option1 = "zoom=no"
    var ref = cordova.InAppBrowser.open(url, target, options);
   //   var ref = window.open(url, target, options, option1);

    ref.addEventListener('loadstart', loadstartCallback);
    ref.addEventListener('loadstop', loadstopCallback);
    ref.addEventListener('loadloaderror', loaderrorCallback);
    ref.addEventListener('exit', exitCallback);

    function loadstartCallback(event) {

        showSpinner();

    }

    function loadstopCallback(event) {
        hideSpinner();
    }

    function loaderrorCallback(error) {
        console.log('Loading error: ' + error.message)
    }

    function exitCallback() {
        console.log('Browser is closed...')
    }

    function showSpinner() {
        navigator.notification.activityStart("Bayar Speed Kart", "Its loading....");
        //  $.mobile.loading("show");
    }

    function hideSpinner() {
        navigator.notification.activityStop();
        //$.mobile.loading("hide");
    }

    // Handle the Cordova pause and resume events
    document.addEventListener( 'pause', onPause.bind( this ), false );
    document.addEventListener( 'resume', onResume.bind( this ), false );

    // TODO: Cordova has been loaded. Perform any initialization that requires Cordova here.
};

Answer 1

一旦我也遇到同样的问题，我如何解决问题的方法是通过在loadstart方法中加载gif图像

        ref.addEventListener("loadstart", function () {

        ref.executeScript(
           // { code: "document.body.style.backgroundColor = 'yellow';" },
              { code: "document.body.style.background = 'url(loading.png)';" },
                // url("paper.gif");
           function (values) {
                //alert(values[0]);
            }
        );
    });