Javascript 如何在cordova项目中异步打开inappbrowser
我正在phonegap cordova中创建一个android应用程序,在这里我正在使用appbrowser插件将网站转换为webview。我的问题是,当在appbrowser中放置时,它在应用程序中显示白色屏幕,是否有任何方法可以避免此空白屏幕。我已经为应用程序设置了flash sreen,但这对appbrowser没有影响 我可以用下面的一种方法来解决这个问题 1) 如果有办法将flash screen设置为应用浏览器 或 2) 如果我能够异步加载AppBrowser,在加载期间我可以显示应用程序的flashscreen 或 3) 还有别的解决办法吗 我使用了以下javascript代码Javascript 如何在cordova项目中异步打开inappbrowser,javascript,android,cordova,phonegap-plugins,Javascript,Android,Cordova,Phonegap Plugins,我正在phonegap cordova中创建一个android应用程序,在这里我正在使用appbrowser插件将网站转换为webview。我的问题是,当在appbrowser中放置时,它在应用程序中显示白色屏幕,是否有任何方法可以避免此空白屏幕。我已经为应用程序设置了flash sreen,但这对appbrowser没有影响 我可以用下面的一种方法来解决这个问题 1) 如果有办法将flash screen设置为应用浏览器 或 2) 如果我能够异步加载AppBrowser,在加载期间我可以显示应
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.
};
有一次我也遇到了同样的问题,我如何解决这个问题是通过在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]);
}
);
});