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

Question

我正在 phonegap cordova 中创建一个 android 应用程序，在这里我正在使用 appbrowser 插件将网站转换为 webview。我的问题是在 loding inappbrowser 中它在应用程序中显示白屏，有什么方法可以避免这个空白屏幕。我有为应用程序设置闪光灯，但它对应用程序浏览器没有影响。

我可以按照其中一种方式得到问题的解决方案

1)如果有任何方法可以将闪屏设置为inappbrowser

或

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