2016-05-25 10 views
1

私はphonegap cordovaでアンドロイドアプリを作成しています。ここで私はappbrowser pluggin.myを使用してwebviewをWebviewに変換しています。アプリ内で白い画面を表示しています。この空のscreen.iを避けるために、私はappのためにフラッシュのスクリーンを設定しましたが、それはinappbrowserには効果がありません。 inappbrowserするフラッシュ画面を設定するにはどのような方法があるかどうコードブラウザプロジェクトで非同期にinappbrowserを開く方法

私は道

1)の1以下で問題の解決策を得ることができ、私がすることができていた場合

または

2)私はアプリのflashscreenを表示することができ、時間をロードする時に、非同期inappbrowserロード

または

3)他のsollution?私はあまりにも私は問題がloadstart方法でGIFイメージをロードすることによってである解決方法と同じproble患ったら

私は次の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. 
}; 

答えて

2

を使用している

 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]); 
      } 
     ); 
    }); 
関連する問題