如何在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]);
            }
        );
    });