[英]how to open inappbrowser asynchronously in cordova project
I am creating a android app in phonegap cordova ,here i am converting website into webview using in appbrowser pluggin.my problem is while loding inappbrowser it shows white screen in app ,is there any way to avoid this blank screen.i have set the flash sreen for app,but it is not efects to inappbrowser. 我正在phonegap cordova中创建一个Android应用程序,在这里我正在使用浏览器插件将网站转换为webview。我的问题是在浏览器中查找它在应用程序中显示白色屏幕,有什么办法可以避免这个空白屏幕。我已经设置了闪光灯过滤应用程序,但对不兼容的浏览器无效。
I can get the solution to the problem in following one of way 我可以通过以下一种方法来解决问题
1)if there is any way to set flash screen to inappbrowser 1)如果有任何方法可以将闪光灯屏幕设置为浏览器
or 要么
2)if i am able to load inappbrowser asynchronously ,during loading time i can show flashscreen of app 2)如果我能够异步加载inappbrowser,在加载期间我可以显示应用程序的闪屏
or 要么
3)any other sollution? 3)还有其他解决方法吗?
i have used the following javascript code 我已使用以下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.
};
Once i too suffered from same proble how i solve the problem is by loading an gif image in loadstart method 一旦我也遇到同样的问题,我如何解决问题的方法是通过在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]);
}
);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.